位置相對容器空白

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

我經歷了所有我發現這裏的空白，以及如何從位置相對容器刪除空白去了，但我可以」 t似乎得到它。 - 有人能幫我解決這個問題，並向我解釋爲什麼會發生這種情況嗎？

謝謝:)

Answer 1

默認情況下，HTML中的所有元素都有自己的樣式，因此相對放置的div也是如此。如果您使用的div然後將其應用於您的css

div {margin：0px;填充：0像素;}

或

* {餘量：0像素;填充：0像素;}

這將被應用到HTML的所有元素

Answer 2

瀏覽器，有自己的CSS樣式器.. u必須使用

* 
{ 
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;} 其他 body {margin：0; padding：0;} 其他人在你的div中嘗試相同的想法。