2011-10-26 47 views
0

基本,但煩人。對於我的生活,我無法弄清楚如何去除頁面頂部和側面的白色邊框......任何想法?在此先感謝HTML邊框刪除

<head> 
<style type="text/css"> 

.rightBar { 
    background-color: #596a87; 
    overflow: auto 
} 

.leftBar { 
    background-color: #54ff37; 
    position: relative; 
} 

</style> 

有什麼我需要用CSS做?

</head> 

或者body/divs的內容?

<body> 

<div id="main" style="position:static;"> 
<div class="leftBar" style="height:100%;width:50%;position:fixed"></div> 

<div class="rightBar" style="padding:6px;height:100%;width:49.5%;position:relative;left:50%;" id="rightContent"> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
10<br /> 
</div> 

</div> 

</body> 
</html> 

回答

3
html, body {margin: 0; padding: 0; } 

我想大多數的瀏覽器添加margin和padding到網站。如果你不希望你必須在CSS或頁面上指定它。

1

如果我知道你在找什麼,你應該添加這樣的事情你的風格:

:root, body { margin: 0; padding: 0; } 
+0

天才,感謝(: – jacktheripper

+0

會時我也能接受 – jacktheripper

0

嘗試增加:

html, body { 
margin:0; 
padding:0; 
} 

順便說一句,這可能證明用於向您的項目添加重置表,例如normalize css重置表,這樣您就可以確保將所有默認值(例如常規標記的邊距和填充)重置,並且您可以將麥克風讓他們更準確。

0

更復雜的解決方案是使用CSS RESET樣式表來刪除所有供應商特定的默認值。上面描述的10個像素邊距是其中之一。

我相信Eric Meyer是第一個實現這個的人,但現在這是一種常見的做法。有一個親和的方面,並不是所有的選擇或屬性將是必要的任何一個網站。作爲CSS,很容易確定什麼適合您的需求。

meyerweb:http://meyerweb.com/eric/tools/css/reset/