13:07

原创 html排版原理-float

<br />当只有float:left的时候<br />以前我经常认为设置了float属性的块节点将会成为内联节点，其实实际上不是这样，设置了float属性的节点就是会变得“透明”，比如块A、B、C，D；A是float:left，B是float:left，C没有设置float属性，D也没有设置float属性，那么排版出来的效果是<br />ABC<br />D<br />C并不会在独立的一行出现，但是依然要求后续节点D在所在行的下一行，这说明C忽视了AB的存在并认为第一行是空的。<br />再比如A、B、C