html网页的布局方式之如何清除浮动

　　清除浮动方式二:

　　解决方案:

　　给后面的盒子添加clear:both;属性

　　clear属性取值:

　　none:默认取值,按照浮动元素的排序规则来排序(左浮动找左浮动,右浮动找右浮动)

　　left:不要找前面的左浮动元素(也就是:不要和前面的左浮动元素显示在一行)

　　right:不要找前面的右浮动元素

　　both:不要找前面的左浮动元素和右浮动元素

　　注意点:

　　当我们给某个元素添加clear属性之后,那么这个属性的margin属性就会失效;所以不推荐使用

　　CSS:

　　清除浮动方式三:

　　解决方案:

　　外墙法:在两个有浮动子元素的盒子之间添加一个额外的块级元素;并且设置clear:both;属性;

　　注意点:

　　外墙法它可以让第二个盒子使用margin-top属性,

　　外墙法不可以让第一个盒子使用margin-bottom属性,

　　不过可以通过设置额外标签的高度来实现margin效果;

　　搜狐中大量使用了这个技术,但是由于需要添加大量无意义的标签,所以不推荐使用;

　　CSS:

我是文字1

我是文字1

我是文字1