给父盒子设置了高度，为什么子盒子没有继承呢？而且设置了浮动有个div 一直不能和另一个div 同行显示
给父盒子设置了高度，为什么子盒子没有继承呢？而且设置了浮动有个div 一直不能和另一个div 同行显示
给父盒子设置了高度，为什么子盒子没有继承呢？而且设置了浮动有个div 一直不能和另一个div 同行显示
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
关注高度不会继承，你要给子盒子加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
我的这篇博客对浮动讲的很详细。可以看看学习。🙈🙈🙈本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 编辑记录 分享
- 2022-03-09 21:47回答 4 已采纳 高度不会继承，你要给子盒子加height:100%;同时你给两个div，其中一个加了浮动，那么两个都要加浮动，一浮全浮。也就是说你给.l加了浮动，你的.r也要加浮动，这样他俩就会在同行。为了约束浮动元
- 2019-01-27 10:54回答 4 已采纳 首先，两个div（块级非置换元素）不会显示在同一行内，这种规则是属于常规流的。对于浮动元素，是不在常规流里面的，因此这种规则是不适合的。浮动盒将被移动至左侧或右侧直至其外侧紧贴包含盒的边缘或另外一个浮
- 2021-11-25 10:30回答 1 已采纳 <style> .box{ width: 1260px; height: 460px; posit
- 2021-06-16 06:39河西先生的博客 代码：/p>...高度不能自适应[请用标准浏览器查看]class="box"&...我是父盒子,我的高没有设定,但是我的子盒子高过我时,在标准浏览器中我的高不能自适应。class="box2">这个盒子是小盒子，它没有设定高度属性，其高...
- 2022-04-24 15:54回答 1 已采纳 w类名没有设置高度可以给w加个overflow: hidden; 触发BFC，你可以了解下清除浮动和BFC .w { width: 1200px;
- 2023-01-11 18:46回答 2 已采纳 最后解决了，非常小的问题，我的html结构是一个 ul 一个 li ，之后我改成一个 ul 里面包含全部的 li 就可以了！！！ ```html <ul>
- 2022-10-12 17:42回答 1 已采纳 111，222,444变成行内/行内块类型，333是块元素占一行，333浮动后，由于上方没有块元素，左边是行内元素可跨越，于是就向上向左移动，独占一行位置555,666两个都是块类型占一行，555清除
- 2021-01-26 11:34weixin_43939111的博客 div style="border:1px solid green;margin-top:100x;"> <div style="float:left;position:relative;height:100px;background-color: blueviolet;"> <span>子元素</span> </div> <...
- 2021-08-25 12:12回答 2 已采纳 多了个闭合
- 2022-06-10 17:31回答 2 已采纳 用diaplay:flex如果要用浮动，把html跟css贴下
- 2022-04-24 16:50回答 2 已采纳 ul节点高度塌陷了，子节点使用float后会引起父节点的高度塌陷，给父节点添加overflow: hidden;就可以了ps: html节点使用float之后 该节点会脱离文档流，脱离文档流的意思就是
- 2020-12-30 09:01北林风景园林考研的博客 在学习flex布局之前，我们是如何让如下四个盒子排在一列呢？我们也许会用浮动、定位等等。当我们使用的时候我们会觉得很麻烦，需要调间距、量距离等。然而学习了felx布局，我们可以轻松的解决这些问题。1.什么是flex...
- 2021-05-23 19:13回答 3 已采纳 假如不知道具体代码，你把代码私发我一下，我帮你看下
- 2020-11-22 03:34weixin_39939303的博客 这个还是容易被忽视的，浮动也是一个大坑，有很多细节。这12个知识点是我个人认为的，下面我们就来看看这12个知识点。1.怎么让一个不定宽高的 DIV，垂直水平居中?使用Flex只需要在父盒子设置：display: flex; ...
- 2016-04-02 14:17friendan的博客 /* main是父元素没有设置高度，我们想让其随子元素高度的变化而变化*/ #main{width:800px; border:5px solid red;} #left{width:400px; height:200px; background:green; float:left;} #right{width:200
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月18日
已采纳回答
3月10日-
创建了问题
3月9日
悬赏问题
- ¥30 这是哪个作者做的宝宝起名网站
- ¥60 版本过低apk如何修改可以兼容新的安卓系统
- ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
- ¥50 有数据，怎么建立模型求影响全要素生产率的因素
- ¥50 有数据，怎么用matlab求全要素生产率
- ¥15 TI的insta-spin例程
- ¥15 完成下列问题完成下列问题
- ¥15 C#算法问题, 不知道怎么处理这个数据的转换
- ¥15 YoloV5 第三方库的版本对照问题
- ¥15 请完成下列相关问题！