嘗試將頁面居中

Question

以前從未遇到過嘗試執行此操作的問題。

我正在嘗試整個頁面居中。

一些代碼：

body{ 
margin:0; 
padding:0; 
color:#333333; 
font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
font-size:0.85em; 
} 

#container{ 
width:960px; 
float:left; 
margin:0 auto; 
} 

這有什麼不好呢？ 任何人都可能有任何一般問題？

Answer 1

您必須從#container刪除float: left。除此之外，沒關係。

Answer 2

float:left不應該在那裏。如果您在顯示容器中的浮動元素時遇到問題，則可能需要添加overflow: hidden;，以便容器在其中放置子元素時展開。

對於舊版本的IE（低於7）margin: 0 auto不支持：將text-align: center;添加到您的身體和text-align: left;到您的容器來解決這個問題。