浮动学习小结

  浮动是CSS布局中最常用的属性，可以设置float属性值left或right，对元素进行左浮动和右浮动

一、浮动的性质

1.脱标：在标准文档流中，块级元素独霸一行不能并排，行内元素不能设宽高，需要使用用display:inline-block;才能实                 现两个块级元素的并排，对行内元素设宽高，一旦对元素设了浮动，那它就脱离了标准文档流，就可并排可设               宽高。，无论之前它是块级元素还是行内元素。

2.贴靠：浮动的元素相互贴靠

3.字围：浮动元素会出现字围效果

4.收缩：浮动元素如果没有设宽度，那它将自动收缩成内容的宽度

注意：浮动不是一元素单独浮动的，要浮动东一起浮动！！！

二、清除浮动的方法

1.给浮动的祖先元素设置高度

2.设置clear:both;属性

3.隔墙法

4.内墙法

5.设置 overflow:hidden;