css 中 overflow: hidden清楚浮动的真正原因

1. 先上一段代码清楚浮动的代码, 外层ul设置overflow为hidden, 内层li设置float为left左浮动

7. 那么如果 float 的元素li不占普通流位置,

　普通流的包含块ul设置了overflow: hidden要根据内容高度裁切隐藏, 

　并且ul高度是默认值auto, 那么不计算其内浮动元素高度就裁切就有可能会裁掉float的li

   这是反布局常识的

　所以如果没有明确设定容器ul高情况下

　它要计算内容全部高度才能确定在什么位置hidden

　浮动流的高度就要被计算进去, 就是li的高度, 

　一计算进去就顺带达成了清理浮动的目标

 

https://www.cnblogs.com/ZengYunChun/p/7068786.html

转载于:https://www.cnblogs.com/swbzmx/p/9559785.html