<table class="text">
<tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12 文字环绕的效果，因此其导致父元素高度塌陷的现象是正常的。 1、float：left,right 元素往左/右浮动，将引起父元素高度塌陷，元素并未脱离文档流，其他元素与浮动元素不会形成层叠，而是形成环绕效果。 元素的display属性变为inline-block，margin,padding,width,height均起作用。 2、多元素float 可以把浮动元素想象水上的泡沫，比如当多个元素往左浮动时，元素都往左漂浮，当上一行的空间不足以容纳下浮动元素时， 其就会漂到下一行左侧。 3、float布局注意 float元素之间没有任何空隙，可以实现元素的紧密缝合，也很容易实现多列布局。 float引起高度塌陷，对于布局来说并不是一件好事，所以，布局时一般都通过在父元素添加clearfix解决高度塌陷问题。 float在移动端容易出问题，尤其是老版本的安卓，因此，当能实现同样的效果时，应该以display属性为先。
