页面显示不适合屏幕大小

Question

谁可以帮助我，我创建了一个网站，我把以下大小的页面。

这是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;
}

问题是，我在左手边有所需的准确要求的边际空间，但在右手边它显示额外的边距空间，请告诉我如何解决这个问题，以及为什么会发生这种情况？

Answer 1

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

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

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

也可以通过将vertical-align:center添加到CSS类(或id)来使内容垂直居中。

希望这能有所帮助！