gpt4 book ai didi

html - 为什么 body 高度指定为非零时呈现为零

转载 作者:行者123 更新时间:2023-11-28 09:57:08 24 4
gpt4 key购买 nike

这是我的代码:

...
<STYLE>
body{
position: static;
height: 95%;
width: 95%;
border: 2px;
border-style: solid;
border-radius: 5px;
border-color: black;
background-color: pink;
}
<STYLE>
...
<body>
<DIV id="div_1" >
<DIV id="div_2a" >
</DIV>
<DIV id="div_2b" >
</DIV>
</DIV>
</BODY>
...

虽然高度和宽度指定为 95%,但宽度有效但高度崩溃,显然是因为 div 没有内容。这完全是违反直觉的。加上侮辱这种情况,背景颜色延伸到边界外并填充可见页面区域。这是某种默认主体 css 声明的函数吗?如果有,那是什么?我怎样才能阻止这种行为?如果将 css 更改为引用 HTML,则行为很直观因为边框不会折叠,但背景颜色会延伸到边框之外。在这点它似乎是一个错误。

最佳答案

您将 body 的高度指定为 95%,这意味着它将占据其父项高度的 95%。所以,给它的父 html 标签一个高度,也会让你的 body 占据高度。

html {
height: 100%;
margin: 0;
padding: 0;
}
body{
height: 95%;
width: 95%;
border: 2px;
border-style: solid;
border-radius: 5px;
border-color: black;
background-color: pink;
}

关于html - 为什么 body 高度指定为非零时呈现为零,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24872768/

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