gpt4 book ai didi

css - 高度:IE7 中的 100%

转载 作者:技术小花猫 更新时间:2023-10-29 11:55:09 24 4
gpt4 key购买 nike

更新

html 和正文的边距需要为 0 才能完全填满页面。

结束更新*更新*

我已经使用下面的建议修复了将 height 属性添加到 html 和 body 标签的问题。现在需要稍微向下滚动才能查看整个页面。关于为什么会发生这种情况的想法?

结束更新

我正在使用 CSS 使 div 根据需要填充屏幕。我已将宽度和高度设置为 100%,但 div 没有填满屏幕的高度。这是 IE7 的已知问题还是我可能只是遗漏了什么?下面的代码。

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<link rel="Stylesheet" href="test.css" />
</head>
<body>
<div id="divy"></div>
</body>
</html>

CSS

#divy
{
width:100%;
height:100%;
background-color:Blue;
}

最佳答案

问题是容器必须有 100% 的高度,因为它的子元素假设为 100%...

在这种情况下,容器是 <html> -> <body>所以一个快速的解决办法是

html, body {
margin: 0;
padding: 0;
}
html, body, #divy {
width:100%;
height:100%;
}

关于css - 高度:IE7 中的 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10106328/

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