浮动问题

标签：block   tab   isp   问题   需要   auto   float   display   play   

1、块级元素A及其内部的块级元素B的默认宽度是100%；A使用了float后，B的宽度为B实际需要的宽度，A的宽度由B决定；B使用了display:inline-block后，B的宽度为B实际需要的宽度，A的宽度仍为100%。
2、块级元素A不浮动，不设置宽高宽，其内部块级元素B浮动，会引发A塌陷。
3、清除浮动
情形：父元素不浮动，子元素浮动，引发父元素塌陷。
解决1：父元素也浮动
解决2：父元素固定高
解决3：父元素增加伪类元素，清除浮动
解决4：父元素overflow:hidden
解决5：父元素overflow:auto
解决6：父元素display:table
解决7：父元素内部最后增加一个空元素，样式为clear：both

浮动问题

标签：block   tab   isp   问题   需要   auto   float   display   play   

原文地址：https://www.cnblogs.com/gushixianqiancheng/p/10962872.html