页面不显示适合屏幕

问题描述：

任何人都可以请帮助我，我创建了一个网站，我把以下大小的页面。页面不显示适合屏幕

下面是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; 
}

的问题是，我在左侧的需要精确所需宽限，但在右手上有这边显示了额外的边距空间，请告诉我如何解决这个问题，为什么会发生这种情况？

您正在给body和#container一个固定的宽度，那是你想要的吗？ – 2015-04-04 21:36:46

我想给容器宽度1100px和身体宽度是1280. – Farhan 2015-04-05 10:45:55

我的整体页面大小是宽度：1280px和高度：2300px – Farhan 2015-04-05 10:46:57

答

您可以在CSS中使用定位来确定在页面上查看内容的位置。

您可以添加left:,right:,top:或bottom:以确定您的内容在您的页面上的位置。

通过将#container {margin-left:auto; margin-right:auto;}添加到容器中央，也可以将内容居中。

将内容垂直居中也可以通过将vertical-align:center添加到您的CSS类（或id）中。

希望这有助于！

页面不显示适合屏幕

相关推荐