欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

div元素和布局解析

程序员文章站 2023-09-04 20:12:29
p元素 首先要提到的是元素的分类: 元素类型 特征 元素 块元素 主要特征是会产生换行效果,自动与其...

p元素

首先要提到的是元素的分类:

元素类型 特征 元素
块元素 主要特征是会产生换行效果,自动与其他元素分离成两行,通常可以作为容器的内部添加其他元素 h1~h6;hr;ul;ol;p;table…
内联元素 不会产生换行效果,会和其他元素并联排列 b;i;br;img;…

p元素和布局

p元素是通用的块元素,内部可以包含其他各种元素包括其他p元素,并且可以通过css设置样式来完成复杂的页面的布局。其中会用到float-属性,其作用是为了让p元素中的内容在某一个位置浮动,float常跟属性值left、right、none,float:none 不使用浮动,float:left 靠左浮动,float:right 靠右浮动。



标题

导航栏

内联框架

布局

尾部

样例如下图所示:
div元素和布局解析