CSS+DIV布局。为什么无法与浏览器顶端0距离？有图。
如图。始终有一段小空白。代码如下：index.html<title>xxxx</title><linkhref="css/Longfeng....
如图。始终有一段小空白。代码如下：index.html<title>xxxx</title><link href="css/Longfeng.css" type="text/css" rel="stylesheet"></head><body><div id="container"> <div id="banner"> <div id="globallink"> <ul> <li id="index"><a href="#">首页</a></li> <li id="album"><a href="#">相册</a></li> </ul> </div> </div></div></body></html>Longfeng.css@charset "utf-8";/* CSS Document */body,html{margin:0px;padding:0px;}#container{left:50%;position:relative;margin-left:-512px;padding:0px;width:1024px;}#banner {margin:0px;height:220px;background-image:url(../images/headerbg.gif);background-repeat:repeat-x;}
展开
展开全部
一般来说，浏览器的body默认会有一定的margin值，所以看上去会有一定的间隙，你只需增加body{margin:0;}这一句样式代码即可。
body与浏览器之间的margin值，不同厂商的浏览器设置的默认值不一样，所以很多开发人员在给网页写样式的时候，一开始往往会加上body{margin：0； padding：0；}这一句。当然，除了这个以外，不同浏览器之间仍然有些地方的默认设置是不一样的，开发者往往会在一开始进行统一，一般称之为样式的初始化。
body与浏览器之间的margin值，不同厂商的浏览器设置的默认值不一样，所以很多开发人员在给网页写样式的时候，一开始往往会加上body{margin：0； padding：0；}这一句。当然，除了这个以外，不同浏览器之间仍然有些地方的默认设置是不一样的，开发者往往会在一开始进行统一，一般称之为样式的初始化。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在定义CSS前应该设置全局定义，加上*{margin:0;padding:0}即可
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>xxxx</title>
<style>
body,html{ margin:0px; padding:0px;}
#container {left:50%; position:relative; margin-left:-512px; padding:0px; width:1024px;}
#banner {margin:0px; height:220px; background-image:url(../images/headerbg.gif); background-repeat:repeat-x;}
</style>
</head>
<body>
<div id="container">
<div id="banner">
<div id="globallink">
<ul>
<li id="index"><a href="#">首页</a></li>
<li id="album"><a href="#">相册</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
伙计注意写代码时候的风格，这样在我的浏览器中显示是没有你说的空白。
<head>
<title>xxxx</title>
<style>
body,html{ margin:0px; padding:0px;}
#container {left:50%; position:relative; margin-left:-512px; padding:0px; width:1024px;}
#banner {margin:0px; height:220px; background-image:url(../images/headerbg.gif); background-repeat:repeat-x;}
</style>
</head>
<body>
<div id="container">
<div id="banner">
<div id="globallink">
<ul>
<li id="index"><a href="#">首页</a></li>
<li id="album"><a href="#">相册</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
伙计注意写代码时候的风格，这样在我的浏览器中显示是没有你说的空白。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你个比较全的全局样式定义
body, div, form, textarea, label, input, ul, ol, li, dl, dt, dd, p, span, a, img, h1, h2, h3, h4, h5, h6, tbody, tfoot, tr, th, td, pre, code, form, fieldset, legend, font { margin:0; padding:0; }
body, div, form, textarea, label, input, ul, ol, li, dl, dt, dd, p, span, a, img, h1, h2, h3, h4, h5, h6, tbody, tfoot, tr, th, td, pre, code, form, fieldset, legend, font { margin:0; padding:0; }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
body { margin:o; padding:0 }
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
