2011-10-26 173 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/