如何样使网页上面一行不是空白的
日期：2014-05-17 浏览次数：20674 次
怎么样使网页上面一行不是空白的?
我这几天学习CSS,我已经设置了BODY的margin:0px 0px 0px 0px;,可是上页总是要空白一行出来,好像有什么东西,但就源码里没有的.我把代码贴出来,请高人指点:
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> CSS Learning </title>
<style type= "text/css ">
body{
margin:0px 0px 0px 0px;
font-size:12px;
font-family: "宋体 ";
text-indent:2cm;
line-height:200%;
text-indent:21pt;
letter-spacing:2px;
}
div{
padding:10px 10px 0px 10px;
}
div#left{
width:150px;
float:left;
background-color:#006666;
margin:0px,10px,0px,0px;
height:100%;
}
div#right{
background-color:#CCCCCC;
height:100%;
}
h2{
font-family: "黑体 ";
color:#000000;
text-align:center;
}
hr{
color:#6600FF;
height:1px;
}
</style>
</head>
<body>
<div id= "left ">
</div>
<div id= "right ">
<h2> 新华网北京6月25日电 </h2>
<hr> <p> 中共中央总书记、国家主席、中央军委主席胡锦涛25日在中央党校省部级干部进修班发表重要讲话。胡锦涛强调，面对新形势新任务，我们要坚持以邓小平理论和“三个代表”重要思想为指导，深入贯彻落实科学发展观，继续解放思想，坚持改革开放，推动科学发展，促进社会和谐，为夺取全面建设小康社会新胜利而奋斗。 </p>
<p> 中共中央政治局常委吴邦国、温家宝、贾庆林、吴官正、李长春、罗干出席会议。中共中央政治局常委、中央党校校长曾庆红主持会议。 </p>
<p> 胡锦涛强调，中国特色社会主义，是当代中国发展进步的旗帜，是全党全国各族人民团结奋斗的旗帜。我们必须始终不渝地坚持以邓小平理论和“三个代表”重要思想为指导，深入贯彻落实科学发展观，毫不动摇地坚持和发展中国特色社会主义。 </p>
<p> 胡锦涛指出，解放思想，是党的思想路线的本质要求，是我们应对前进道路上各种新情况新问题、不断开创事业新局面的一大法宝，必须坚定不移地加以坚持。改革开放，是解放和发展社会生产力、不断创新充满活力的体制机制的必然要求，是发展中国特色社会主义的强大动力，必须坚定不移地加以推进。科学发展，社会和谐，是发展中国特色社会主义的基本要求，是实现经济社会又好又快发展的内在需要，必须坚定不移地加以落实。全面建设小康社会，是我们党和国家到2020年的奋斗目标，是全国各族人民根本利益所在，必须坚定不移地为之奋斗。做到这四个坚定不移，对保持党和国家事业顺利发展的大局至关重要。 </p>
<p> 他说，改革开放，是我们党在新的时代条件下带领人民进行的一次新的伟大革命。新时期29年来，我国改革开放和社会主义现代化建设的成就举世瞩目。事实雄辩地证明，改革开放是发展中国特色社会主义、实现中华民族伟大复兴的必由之路。改革开放以来我们党带领人民开辟了中国特色社会主义道路，这条道路之所以正确、之所以能够引领中国发展进步，关键在于我们既坚持了科学社会主义的基本原则，又根据我国实际赋予其鲜明的中国特色。我们要继续深化对中国特色社会主义的研究和探索，努力使中国特色社会主义道路越走越宽广。 </p>
</div>
</body>
</html>
------解决方案--------------------
div{
padding:10px 10px 0px 10px;
}
这个div中设置了10px的顶部填充。
------解决方案--------------------
区别清楚
padding和margin
------解决方案--------------------
是line-height:200%;这句的毛病
------解决方案--------------------
把body里的line-height:200%改为line-height:0px;
在div#right{
background-color:#CCCCCC;
height:100%;
}
中加入line-height:200%;
试一下
------解决方案--------------------
语法虽然乱，但是没什么问题。我找了半天才找到是全角半角的问题。
用topStyle编写，这个问题比较容易发现。
------解决方案--------------------
和什么拳脚空格有什么关系？网页上发的代码全是拳脚空格………………
div{
padding:10px 0px 0px 10px;
}
div#left{
width:150px;
float:left;
background-color:#006666;
margin:0px,0px,0px,0px;
height:100%;
}
再去试，放着那么大的１０ＰＸ间距能没空白就怪了
------解决方案--------------------
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
我这几天学习CSS,我已经设置了BODY的margin:0px 0px 0px 0px;,可是上页总是要空白一行出来,好像有什么东西,但就源码里没有的.我把代码贴出来,请高人指点:
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> CSS Learning </title>
<style type= "text/css ">
body{
margin:0px 0px 0px 0px;
font-size:12px;
font-family: "宋体 ";
text-indent:2cm;
line-height:200%;
text-indent:21pt;
letter-spacing:2px;
}
div{
padding:10px 10px 0px 10px;
}
div#left{
width:150px;
float:left;
background-color:#006666;
margin:0px,10px,0px,0px;
height:100%;
}
div#right{
background-color:#CCCCCC;
height:100%;
}
h2{
font-family: "黑体 ";
color:#000000;
text-align:center;
}
hr{
color:#6600FF;
height:1px;
}
</style>
</head>
<body>
<div id= "left ">
</div>
<div id= "right ">
<h2> 新华网北京6月25日电 </h2>
<hr> <p> 中共中央总书记、国家主席、中央军委主席胡锦涛25日在中央党校省部级干部进修班发表重要讲话。胡锦涛强调，面对新形势新任务，我们要坚持以邓小平理论和“三个代表”重要思想为指导，深入贯彻落实科学发展观，继续解放思想，坚持改革开放，推动科学发展，促进社会和谐，为夺取全面建设小康社会新胜利而奋斗。 </p>
<p> 中共中央政治局常委吴邦国、温家宝、贾庆林、吴官正、李长春、罗干出席会议。中共中央政治局常委、中央党校校长曾庆红主持会议。 </p>
<p> 胡锦涛强调，中国特色社会主义，是当代中国发展进步的旗帜，是全党全国各族人民团结奋斗的旗帜。我们必须始终不渝地坚持以邓小平理论和“三个代表”重要思想为指导，深入贯彻落实科学发展观，毫不动摇地坚持和发展中国特色社会主义。 </p>
<p> 胡锦涛指出，解放思想，是党的思想路线的本质要求，是我们应对前进道路上各种新情况新问题、不断开创事业新局面的一大法宝，必须坚定不移地加以坚持。改革开放，是解放和发展社会生产力、不断创新充满活力的体制机制的必然要求，是发展中国特色社会主义的强大动力，必须坚定不移地加以推进。科学发展，社会和谐，是发展中国特色社会主义的基本要求，是实现经济社会又好又快发展的内在需要，必须坚定不移地加以落实。全面建设小康社会，是我们党和国家到2020年的奋斗目标，是全国各族人民根本利益所在，必须坚定不移地为之奋斗。做到这四个坚定不移，对保持党和国家事业顺利发展的大局至关重要。 </p>
<p> 他说，改革开放，是我们党在新的时代条件下带领人民进行的一次新的伟大革命。新时期29年来，我国改革开放和社会主义现代化建设的成就举世瞩目。事实雄辩地证明，改革开放是发展中国特色社会主义、实现中华民族伟大复兴的必由之路。改革开放以来我们党带领人民开辟了中国特色社会主义道路，这条道路之所以正确、之所以能够引领中国发展进步，关键在于我们既坚持了科学社会主义的基本原则，又根据我国实际赋予其鲜明的中国特色。我们要继续深化对中国特色社会主义的研究和探索，努力使中国特色社会主义道路越走越宽广。 </p>
</div>
</body>
</html>
------解决方案--------------------
div{
padding:10px 10px 0px 10px;
}
这个div中设置了10px的顶部填充。
------解决方案--------------------
区别清楚
padding和margin
------解决方案--------------------
是line-height:200%;这句的毛病
------解决方案--------------------
把body里的line-height:200%改为line-height:0px;
在div#right{
background-color:#CCCCCC;
height:100%;
}
中加入line-height:200%;
试一下
------解决方案--------------------
语法虽然乱，但是没什么问题。我找了半天才找到是全角半角的问题。
用topStyle编写，这个问题比较容易发现。
------解决方案--------------------
和什么拳脚空格有什么关系？网页上发的代码全是拳脚空格………………
div{
padding:10px 0px 0px 10px;
}
div#left{
width:150px;
float:left;
background-color:#006666;
margin:0px,0px,0px,0px;
height:100%;
}
再去试，放着那么大的１０ＰＸ间距能没空白就怪了
------解决方案--------------------
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
