gpt4 book ai didi

html - CSS3 高度 :100% and flexible boxes creating unexpected behaviour

转载 作者:行者123 更新时间:2023-11-28 18:52:08 25 4
gpt4 key购买 nike

我正在尝试使用 CSS3 box-flex 创建一个无滚动条的页面。这是我拥有的:

<html>
<body style="height:100%;display:-webkit-box;-webkit-box-orient:vertical;"> <!-- height is 1000px -->
<div style="height:100px;">test</div>
<div style="-webkit-box-flex:1.0;">
<div style="height:100%;">test</div> <!-- expected this to be 900px, but it's 1000px -->
</div>
</body>
</html>

如何在不使用 Javascript 的情况下让子 div 填满页面的其余部分? (在本例中,它是 900px)。

附言我为不支持 CSS3 的浏览器调整了 Javascript 的大小。

编辑:P.P.S: 子 div 实际上是我代码中的一个 iframe,而 box-flex 似乎不适用于 iframe。

最佳答案

子div的高度由它的内容决定:http://jsfiddle.net/yNQDK/

在这种情况下一行文本

关于html - CSS3 高度 :100% and flexible boxes creating unexpected behaviour,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8966940/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com