gpt4 book ai didi

html - 将 height 100% 设置为 html 和 body

转载 作者:行者123 更新时间:2023-11-28 04:36:13 24 4
gpt4 key购买 nike

当我在 html、body 和包含所有其他元素的容器上设置 height 100% 时出现问题。

当我使用浏览器的开发者工具时,我看到 html 和 body 的高度不是 100%。谁能告诉我发生了什么事?

<html style="height: 100%;">
<head></head>
<body style="height: 100%; background: #000;">
<div class="container" style="height: 100%; margin: 0 30px; background: #ccc;">
<div style="min-height: 100%; text-align: center; font-size: 40px; line-height: 40px; color: #FFFFFF;">A</div>
<div style="min-height: 100%; text-align: center; font-size: 40px; line-height: 40px; color: #FFFFFF;">B</div>
<div style="min-height: 100%; text-align: center; font-size: 40px; line-height: 40px; color: #FFFFFF;">C</div>
</div>
</body>
</html>

最佳答案

通常会在正文中添加边距,您需要手动将其删除:

<body style="height: 100%; background: #000; margin: 0; padding: 0">

关于html - 将 height 100% 设置为 html 和 body,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41457752/

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