如何让DIV块占据90%的屏幕？
如何让DIV块占据90%的屏幕？
提问于 2013-01-08 09:37:31
我尝试了以下代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<style type="text/css">
#outer {
width: 90%;
height: 90%;
margin: 5% 5% 5% 5%;
background-color: #333;
}
#left-content {
height: 90%;
width: 50%;
padding: 2em;
}
#right-content {
height: 90%;
width: 50%;
padding: 2em;
}
</style>
<div id="outer" style="display: block">
<div id="left-content" style="display: block">xx</div>
<div id="right-content" style="display: block">xx</div>
</div>
</body>
</html>然而，外部的DIV仍然没有填满屏幕的大部分。我怎么才能让这个DIV填满90%而只留下5%的边界呢？
Stack Overflow用户
发布于 2013-01-08 09:51:30
您需要将文档和正文设置为100%宽/高。
body,html
{
width:100%;
height:100%;
}顺便说一句，如果你真的想要一个在左边，一个在右边，你的内部div需要使用float属性。或者一些像素完美的偏移量。
如果你真的浮动它们，你将无法使用两个50%的div来填充或边距，除了div的宽/高之外，还需要填充和边距。
您可能想要阅读有关css box model的信息。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14206998
复制相关文章
相似问题
腾讯云开发者
