gpt4 book ai didi

html - 宽度被忽略(基本 html)

转载 作者:行者123 更新时间:2023-11-28 16:55:29 25 4
gpt4 key购买 nike

<body>
<div style="position:absolute;top:0px;left:0px;width:200px;bottom:100%;background:#aeaeae;"></div>
<div style="position:absolute;top:0px;left:200px;width:calc(100% - 200px);bottom:100%;background:#ffffff;"></div>
</body>

为什么宽度呈现为 0px(在 chrome 上)?

这是非常简单的 HTML/CSS 代码

最佳答案

这些元素的 width 在 Chrome 中不呈现为 0px高度是。您尚未定义这些元素高于 0px 的任何原因。

如果您将 bottom: 100% 规则更改为 bottom: 0,您的元素将从其父元素的顶部延伸到底部。

<body>
<div style="position:absolute;top:0;left:0;width:200px;bottom:0;background:#aeaeae;"></div>
<div style="position:absolute;top:0;left:200px;width:calc(100% - 200px);bottom:0;background:#ffffff;"></div>
</body>

关于html - 宽度被忽略(基本 html),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57154096/

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