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

高度不会继承，你要给子盒子加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
我的这篇博客对浮动讲的很详细。可以看看学习。🙈🙈🙈

高度是不会继承的,你要子盒子设置 height:100%;才行

你.r的div在.l的div上方,
没有浮动的div是独占一行
你只是浮动l，r没浮动，.r的div独占一行
l只是在r的下方浮动
给r加个float:right就同行了

你只浮动l，r没浮动，给r加个float:right就同行了

.r{
  float:right
}

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632