求教，给body加上了CSS，与实际情况不符！解决办法-HTML教程-爱易网页

求教，给body加上了CSS，与实际情况不符！解决办法

日期：2014-05-17　浏览次数：20768 次

求教，给body加上了CSS，与实际情况不符！
我在ie中看了一下，body的高度为20，但为什么给body添加的css样式 background-color:#FF0000，却影响了整个背景呢。

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">
html {
border:1px solid #FF0;
}
body{
border:1px solid #0F3;
   margin:100px;
   padding:0px;
   background-color:#FF0000;
   }
#dafa{
   background-color:#000000;
   }
</style>
</head>

<body>
<div id="dafa">
hello
</div>
</body>
</html>

------解决方案--------------------
你这是想要什么效果啊？？？body添加css样式 background-color:#FF0000 。你没设置高度。当然是整个背景了，
------解决方案--------------------
你给body添加背景当然是整个背景了
------解决方案--------------------
body就是整个页面的内容，再创建一个div包在外层

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">
html {
border:1px solid #FF0;
}
#test{
border:1px solid #0F3;
   margin:100px;
   padding:0px;
   background-color:#FF0000;
   }
#dafa{
   background-color:#000000;
   }
</style>
</head>

<body>
<div id="test">
<div id="dafa">
hello
</div>
</div>
</body>
</html>

------解决方案--------------------
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
我在firebog并没有看到body的实际高度是20

http://www.w3school.com.cn/tags/tag_body.asp

------解决方案--------------------
楼主所说的20高度应该是<div id="dafa">hello</div>这个层的高度吧，并非body的高度

------解决方案--------------------
你并无为哪个元素设置了20PX的高度，你用IE开发工具所看到的高度，是hello撑开<div id="data"></div>之后的高度。你仔细看看2个颜色吧，有可能是你自己弄混了

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

求教，给body加上了CSS，与实际情况不符！解决办法

相关资料更多>

推荐阅读更多>