如何刪除頁面底部頂部e的空格？

我有這個經典的容器：如何刪除頁面底部頂部e的空格？

.container { width: 910px; 
      margin-left: auto; 
      margin-right: auto; 
      position: relative; 
      background-image:url(../images/background.png); 
      background-repeat:repeat-y; }

，但它在頂部，並在頁面的底部創建一個小的空間（如5，10像素）。

爲什麼？我該如何解決它？

來源

2011-05-14 kwichz

什麼html標籤是.container尋址？ – gutierrezalex 2011-05-14 13:26:21

@gutierrezalex：「經典容器」總是一個'div'。 – thirtydot 2011-05-14 13:28:34

您需要零頁面的margin和padding，像這樣：

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

有些人喜歡用CSS Reset來處理這樣的問題。

就我個人而言，我沒有理由總結在這裏：http://snook.ca/archives/html_and_css/no_css_reset/。

來源

2011-05-14 13:07:13 thirtydot

2問題：最好是把0px還是0？以及爲什麼最後的定義沒有; ？ – kwichz 2011-05-14 13:30:08

當它是'0px'（或'0em'或'0whatever'）時，你可以省略'px'部分（參見：http://www.w3.org/TR/css3-values/#numbers0）。我認爲最好省略'px'，因爲它略短而且更具可讀性。最後一個定義沒有';'因爲你可以省略最後一個';'如果你喜歡，請參閱：http://stackoverflow.com/questions/5732486/inline-css-formatting-best-practices-two-questions/5732519 ＃5732519 – thirtydot 2011-05-14 13:41:09

補充一點：

.container 
{ 
    margin: 0 auto 0 auto; 
}

您可能還需要調整margin和「一事一議」 padding即.container距離。

來源

2011-05-14 13:07:02

？你最後一句話是什麼意思？ :) – kwichz 2011-05-14 13:30:36

如何刪除頁面底部頂部e的空格？

回答

相關問題