当前位置：首页 → 问答吧 → 很不起眼的问题也许你就解决不了在线讨论

很不起眼的问题也许你就解决不了在线讨论

时间：2011-11-17

来源：互联网

HTML code


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#main{
width:800px;
margin:auto;
background-color:#FF0000;
height:100%;}
</style>
</head>

<body bgcolor="#999999">

<div id="main">
what?<br />
what?<br />
what?<br />
what?<br />
what?<br />
what?<br />
what?<br />
what?<br />
what?<br />

</div>

</body>
</html>

个人分析：body的背景是灰色的，此情况下，body的高应该是一个屏幕吧，暂且就算是800px，那么main设置的是100%，按照其父DIV的高度body，理论上是不是应该也是800？但。。。

另一个情况当里面的内容大于一个屏幕（多复制几个what<br />），此时main符合了他的父DIV的高度。

很奇怪我希望在css上得到解决办法，不要把皮球踢到js上哦！因为这里讨论的是css嘛！

作者: xiaozhumt 发布时间: 2011-11-17

body的height解析出来是一百六十多

作者: KongHuLu 发布时间: 2011-11-17

有些不是自己认为的。。你可以用JS去看看BODY的高度。。。高度的设置是相当于父元素的

作者: zsx841021 发布时间: 2011-11-17

BODY的高度由其内容决定的，不是满屏。
你可以尝试

html,body {min-height:100%;}

作者: ddcatlee 发布时间: 2011-11-17