浮动。布局

布局属性：

float：left/right/none

clear:left/right/both

设置一个元素左浮动时

图文混排效果

导航

设置一个元素右浮动时

"更多"右侧浮动显示

"时间"右侧浮动显示

设置多个元素动，多数用在布局上

两个元素同时左浮

块元素横向显示

两个元素同时右浮（几乎不用）

一个元素左浮    一个元素右浮

布局：流体布局

固定宽度且居中布局**

混合式布局

页面结构：

头部

导航

banner

主体

脚步

****

栏目标题

导航

文章列表

图片列表

布局的第一步：

 1.写全局样式

注：1只要是浮动的元素都会变成块级元素

   2浮动的元素没有宽和高

   3浮动的元素的父元素高度会塌陷（暂时解决高度的方法是：给父元素增加高度）

border-radius：圆角边框

>  >  

<  <