Div+CSS中的空白的一行是怎么出现的啊～
html文件:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/...
html文件:
<!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>
<link href="css2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">页面层容器
<div id="Header">页面头部</div>
<div id="PageBody">页面主体
<div id="Sidebar">侧边栏</div>
<div id="MainBody">主体内容</div>
</div>
<div id="Footer">页面底部</div>
</div>
</body>
</html>
CSS文件:
/*基本信息*/
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}
/*页面层容器*/
#container {width:100%}
/*页面头部*/
#Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}
/*页面主体*/
#PageBody {width:800px;margin:0 auto;height:400px;background:#CCFF00}
/*页面底部*/
#Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}
问题：
1）为什么在预览页面的时候，页面头部区域和页面主体部分，页面主体部分和页面底部会出现空白的一行？
2）在CSS中为什么要加"#"号？比如#header、#Footer 展开
<!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>
<link href="css2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">页面层容器
<div id="Header">页面头部</div>
<div id="PageBody">页面主体
<div id="Sidebar">侧边栏</div>
<div id="MainBody">主体内容</div>
</div>
<div id="Footer">页面底部</div>
</div>
</body>
</html>
CSS文件:
/*基本信息*/
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}
/*页面层容器*/
#container {width:100%}
/*页面头部*/
#Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}
/*页面主体*/
#PageBody {width:800px;margin:0 auto;height:400px;background:#CCFF00}
/*页面底部*/
#Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}
问题：
1）为什么在预览页面的时候，页面头部区域和页面主体部分，页面主体部分和页面底部会出现空白的一行？
2）在CSS中为什么要加"#"号？比如#header、#Footer 展开
5个回答
展开全部
1，设置margin-top:0px;margin-bottom:0px;可以把顶部和底部设置为不空行。你这里头部并没有空一行，而是你没有加背景色，并且加了文字。
2
<div id="PageBody">，则用#PageBody
id用(#)PageBody
class用点号(.)PageBody
如果是<div class="PageBody">，那就用.PageBody
2
<div id="PageBody">，则用#PageBody
id用(#)PageBody
class用点号(.)PageBody
如果是<div class="PageBody">，那就用.PageBody
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1/*页面头部*/
#Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}
/*页面底部*/
#Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}
看上面的两个代码中的height:100px和height:50px就是空白出现的原因，如果设为0就没有空白了
2.CSS引用ID格式：＃+ID名
#Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}
/*页面底部*/
#Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}
看上面的两个代码中的height:100px和height:50px就是空白出现的原因，如果设为0就没有空白了
2.CSS引用ID格式：＃+ID名
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置margin-top:0px;margin-bottom:0px;可以把顶部和底部设置为不空行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
出现一行有很多方法！
最简单的直接设置高
height:50px;
最简单的直接设置高
height:50px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
添加了换行标签 <br />,可能是
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
