求教,给body加上了CSS,与实际情况不符!解决办法
求教,给body加上了CSS,与实际情况不符!
我在ie中看了一下,body的高度为20,但为什么给body添加的css样式 background-color:#FF0000,却影响了整个背景呢。
------解决方案--------------------
你这是想要什么效果啊???body添加css样式 background-color:#FF0000 。你没设置高度。 当然是整个背景了 ,
------解决方案--------------------
你给body添加背景当然是整个背景了
------解决方案--------------------
body就是整个页面的内容,再创建一个div包在外层
我在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个颜色吧,有可能是你自己弄混了