2015-04-04 124 views
0

任何人都可以請幫助我,我創建了一個網站,我把以下大小的頁面。頁面不顯示適合屏幕

下面是HTML ..

<html> 
<body> 
<div id="container" > 
</div> 
</body> 
</html> 

這裏是CSS

html { 
    background:#333; 
} 

body { 
    width:1280px; 
    background:#fff; 
    margin:0px auto; 
} 


#container { 
    width:1100px; 
    background:#fff; 
    margin:0 auto; 
} 

的問題是,我在左側的需要精確所需寬限,但在右手上有這邊顯示了額外的邊距空間,請告訴我如何解決這個問題,爲什麼會發生這種情況?

+0

您正在給body和#container一個固定的寬度,那是你想要的嗎? – 2015-04-04 21:36:46

+0

我想給容器寬度1100px和身體寬度是1280. – Farhan 2015-04-05 10:45:55

+0

我的整體頁面大小是寬度:1280px和高度:2300px – Farhan 2015-04-05 10:46:57

回答

0

您可以在CSS中使用定位來確定在頁面上查看內容的位置。

您可以添加left:,right:,top:bottom:以確定您的內容在您的頁面上的位置。

通過將#container {margin-left:auto; margin-right:auto;}添加到容器中央,也可以將內容居中。

將內容垂直居中也可以通過將vertical-align:center添加到您的CSS類(或id)中。

希望這有助於!