2015-04-04 78 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)中。

希望这有助于!