Question

基本，但很烦人。对于我的生活，我无法弄清楚如何删除页面顶部和侧面的白色边框...任何想法？提前致谢

<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>

Answer 1

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

我认为大多数浏览器会为网站添加保证金和填充。如果您不想要，则必须在css或页面上指定。

Answer 2

如果我理解你在寻找什么，你应该在你的风格中添加这样的东西：

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

Answer 3

尝试添加：

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

顺便说一下，向项目中添加重置表（例如normalize css重置表）可能会很有用，这样您就可以确保拥有所有默认值（例如边距和填充）常规标签）重置，您可以更准确地自己设置样式。

Answer 4

更复杂的解决方案是使用CSS RESET样式表删除所有特定于供应商的默认值。上面描述的10像素边缘就是其中之一。

我相信Eric Meyer是最先实现这一目标的人之一，但现在这是一种常见做法。有一个赞成和反对的方面，并非所有选择器或属性都是任何一个站点所必需的。作为CSS，很容易确定哪些适合您的需求。

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

HTML边框删除

4 个答案: