我試圖創建一個導航欄，但由於某種原因，我有小的差距，當我嘗試使用邊距來彌補差距時，另一邊的差距打開。如果我試圖找到一箇中間立場，我會左右兩個空白。顯然，我不可能完全用我的導航欄覆蓋整個上部區域。奇怪的默認導航欄對齊
鏈接的例子：
http://jsfiddle.net/Vk5Md/3/
，我不得不改變我的身體有利潤，否則會出現在頂部也有差距，有另一種方式來解決呢？
body {
background-image:url('../images/subtle_grunge.png');
background-repeat:repeat;
margin-left: 4px;
margin-right: 0px;
margin-top: 0px;
}
基本上我想有我導航欄看起來幾乎像計算器導航欄那裏有地址欄，瀏覽器的左側和右側的滾動條之間沒有間隙。
您看到的空間是body，在某些瀏覽器中是html。只需設定margin和padding到0這兩個元素：
html, body {
margin: 0;
padding: 0;
}
演示RAW實現的：
Working FIDDLE Demo爲您的演示。
* {
margin: 0px;
padding: 0px;
}
試試這個在CSS文件或代碼的開始
它的主體元素，在默認的保證金，你可以考慮增加一個「CSS復位」與
body {margin: 0;}
刪除你的文件。例如。
html, body, div, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, code, hr, img, form, fieldset, legend, label, textarea, span, em, strong, sub, sup, cite, table, tbody, td, tfoot, th, thead, tr, tt, dl, dt, dd, ol, ul, li {margin: 0; padding: 0;}
避免使用這樣的：
* {margin: 0; padding: 0}
，因爲它有一些元件具有負面影響（如表格元素）。
使用這個..
CSS
body {
background-image:url('../images/subtle_grunge.png');
background-repeat:repeat;
margin:0;
}
更新你的小提琴在這裏：DEMO
這是不是你正在試圖達到什麼目的？ fiddle完全用你的導航欄覆蓋整個上部區域？
<body>
<form id="form1" runat="server">
<div id="wrapper">
<!-- Navbar==================================================- ->
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Crawler</a></li>
<li><a href="#">Visual Analytics</a>
</li>
</ul>
</div>
</div>
</form>
</body>
body {
background-image:url('../images/subtle_grunge.png');
background-repeat:repeat;
}
#wrapper {
margin: 0 auto;
width: 1000px;
height:100%;
text-align: left;
}
#nav {
list-style:none;
font-weight:bold;
margin-bottom:10px;
height:auto;
width:100%;
background-color:#b11d1d;
text-align: center;
opacity:0.5;
}
#nav ul {
list-style-type: none;
padding: 0;
}
#nav li {
display:inline;
}
#nav li a {
padding: 10px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
background-color:#b11d1d;
float:left;
}
#nav li a:hover {
color: #FFFFFF;
background-color: #35af3b;
}
注意：如果你想增加你的資產淨值的寬度，只是在添加padding-left:#px;padding-right:#px;到#nav li a
隨着margin: 0;您身體，你想要t Ø真正定義CSS類爲您導航欄，這樣的事情：
#navbar {
top: 0;
margin: 0;
clear: both;
background: #CCC url(img/clouds_header1.png) no-repeat 0 0;
}
那麼你的HTML會是這個樣子：
<body>
<div id="navbar">
Put Nav Bar content here...
</div>
</body>
我已經更新您的[HTTP：// jsfiddle.net/Vk5Md/3/]檢查它 –