div元素和布局解析

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 靠右浮动。

标题

导航栏

内联框架

布局

尾部

样例如下图所示：