css 为什么父类子类一起浮就不塌陷了 原理是什么
发布网友
发布时间：2022-04-20 01:43
我来回答
共1个回答
热心网友
时间：2022-04-06 14:44
三种方法可以解决：
1、给父元素（也就是你的.new）加一个overflow:hidden；
2、将父元素也一起浮动（这个比较复杂，会影响到父元素的同级元素）；
3、在父元素的最后一个子元素（也就是你的ul标签）后边再增加多一个非浮动的子元素，然后将这个子元素加个clear（例：<div style="clear:both"></div>）
至于第3种方法的原理嘛…是因为父元素一定会包围着他所有遵循标准流的子元素（也就是你在最后新加的那个非浮动子元素），而这个子元素的顶部会紧贴在你的ul底部，所以父元素会因此撑开高度。
（CSS浮动原理：如果B元素浮动，上一个元素也是浮动的话，会紧跟其后，除非不够宽才会另起一行；如果上一个元素不是浮动的话，也就是遵循标准流，那么B元素顶部会紧贴上一个元素底部；当然，如果B元素不浮动，是遵循文档流的话，就会默认占一行了）追问大哥你啥都说了，咋就不跟我说下父元素也浮动式个怎样子的处理呢
声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com