Question

我注意到在某些网站上，标题没有边缘或过多的空格，我试图重新创建类似的东西，但不确定如何。一个很好的例子就是stackoverflow本身的顶级通知/搜索栏。

.header
{
    height: 250px;
    width: 100%;
    margin: 0 auto;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffa200), color-stop(100%,#d25400));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa200',endColorstr='#d25400',GradientType=0);
    background: -moz-linear-gradient(top,#ffa200,#d25400);
    background-image: -o-linear-gradient(#ffa200,#d25400);
    overflow: hidden;
}
.header .topbar
{
    height: 60px;
    background-image: url(../imgz/head/hBarSBg.png);
    background-repeat: repeat-x;
}
.header .topbar .mCquake
{
    height: 37px;
    width: 278px;
    background-image: url(../imgz/head/mCqRight.png);
    background-repeat: no-repeat;
    float: right;
    margin-right: 10px;
    margin-top: 11.5px;
    margin-bottom: 11.5px;
}

我到底该怎么做？

感谢。：）

Answer 1

您忘记将身体边距设置为0。

body {
    margin: 0px;
}

Answer 2

您必须重置浏览器设置的默认paddings和margins

* {
  margin: 0px;
  padding: 0px; 
  outline: none;
  border: 0px;
}

这也有助于您的CSS样式在不同的浏览器上工作。

Answer 3

大多数人使用一些默认的css声明来将所有浏览器带到同一级别。最近引起注意的是http://necolas.github.com/normalize.css/ - 你也可以在谷歌上输入CSS Resets，它会给你一堆结果：D

如何删除div标签周围的白边？

3 个答案: