给父盒子设置了高度，为什么子盒子没有继承呢？而且设置了浮动有个div 一直不能和另一个div 同行显示

Question

给父盒子设置了高度，为什么子盒子没有继承呢？而且设置了浮动有个div 一直不能和另一个div 同行显示

Answer 1

高度不会继承，你要给子盒子加height:100%;
同时你给两个div，其中一个加了浮动，那么两个都要加浮动，一浮全浮。也就是说你给.l加了浮动，你的.r也要加浮动，这样他俩就会在同行。为了约束浮动元素位置我们网页布局一般采取的策略是：
先用标准流的父元素排列上下位置，之后内部子元素采取浮动排列左右位置符合网页布局第一准则。
，所以用有高度的div把.l和.r这两个盒子包起来，不然这两个会"漂"起来了，你下面的ul列表会被她俩压住。🙊🙊🙊
有帮助的话采纳一下！

《css网页布局之浮动及其实战案例》https://blog.csdn.net/qq_57421630/article/details/122792117?utm_source=app&app_version=5.1.1&code=app_1562916241&uLinkId=usr1mkqgl919blen
我的这篇博客对浮动讲的很详细。可以看看学习。🙈🙈🙈