定位相对容器空白区域

Question

[CSS]

#banner-container {
    display: block;

    margin-bottom: -55px;
    left: 0px;

    width: 100%;
    height: 55px;

    margin: 0 auto;
    z-index: 200;

    background: rgba(255,255,255,0.75);
    background-repeat: repeat-x;

    overflow: hidden;
    position: relative;
}

我经历了我在这里找到的所有白色空间，以及如何从位置相对容器中移除空白区域，但我似乎无法得到它。 - 有人可以帮我解决这个问题并向我解释为什么会这样吗？

谢谢：）

Answer 1

默认情况下，HTML中的所有元素都有自己的样式，相对放置的div也是如此。如果您使用div，则将其应用于您的CSS

DIV {余量：0像素;填充：0像素;}

或

* {余量：0像素;填充：0px;}

这将应用于html

中的所有元素

Answer 2

浏览器有自己的css样式器..你必须使用

*
{
margin:0;
padding:0;
} 

或reset.css重置浏览器呈现的样式表

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

Answer 3

修正：

body {
 margin: 0px;
 padding: 0px;
}

Answer 4

输入

 body {
    margin:0;
    top:0;
    }

Answer 5

尝试

* {保证金：0;填充：0;} 其他 体{余量：0;填充：0;} 否则在你的div中尝试相同的想法。