浮动布局

float 属性

3个属性值
left
right
none

特点:元素会左移,或右移,直至触碰到容器为止

设置了浮动的元素,仍旧处于标准文档流中

清除浮动的常用方法
clear:both

同时设置width:100%

横向两列布局
网页布局最常见的方式之一

主要应用技能
float属性-使纵向排列的块级元素,横向排列
margin属性--设置两列之间的间距

当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般用于紧邻后面的清除浮动
使用移除属性:overflow:hidden;

不建议设div置高度

两行并列设置float:right

posted @ 2017-02-10 08:08  行走de猫  阅读(108)  评论(0)    收藏  举报