请问这种情况我该怎么实现?

2017-11-27 17:46:58 +08:00
 51300520
有没有办法在不知道父 div 高度的时候,子 div 自动上下顶满父 div,如图



我要黄色那个 div 上下顶满红色的父 div

代码是这样

<div class="clearfix parent" style="background-color: red;">
<div style="background-color: green;float:left">
<div>123</div>
<div>456</div>
<div>789</div>
</div>
<div style="background-color: yellow;float:left">000</div>
</div>
目前不知道父窗口高度没设置,如果设 height:100%直接把浏览器顶满了
3178 次点击
所在节点    CSS
6 条回复
51300520
2017-11-27 17:47:22 +08:00
图怎么不行
<img src=" ">
stillsilly
2017-11-27 18:07:55 +08:00
用绝对定位可以
```
<div class="clearfix parent" style="background-color: red;overflow: hidden;position: relative">
<div style="background-color: green;float:left">
<div>123</div>
<div>456</div>
<div>789</div>
</div>
<div style="background-color: yellow;position: absolute;right: 0;top: 0;bottom: 0;">000</div>
</div>
```
stillsilly
2017-11-27 18:08:46 +08:00
不是很懂这个社区怎么用 markdown 格式……
rabbbit
2017-11-27 18:38:36 +08:00
<script async src="//jsfiddle.net/AaronBird/v1Lv41fm/embed/"></script>
rabbbit
2017-11-27 18:39:24 +08:00
cacocola
2018-01-18 09:10:54 +08:00
什么都不变的情况下,给父级 div 加一个 overflow: hidden;就可以了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/409984

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX