<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/