读书人

求教给body加上了CSS与实际情况不

发布时间: 2012-04-03 12:38:19 作者: rapoo

求教,给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个颜色吧,有可能是你自己弄混了

读书人网 >CSS

热点推荐