当用户将浏览器窗口变大时，如何在浏览器中适合我的webPage？

Question

在facebook中，当用户将浏览器尺寸调大时，facebook的蓝色顶部栏会自动调整，并将其内容保持在中间。我也想在我的webPage中应用这个东西。任何人都知道如何使用CSS和HTML来做到这一点。在这方面我还是个新手。请帮帮我。提前谢谢。

Answer 1

默认情况下，块元素(如div )将尽可能宽。给它一个背景颜色，使用CSS来设置text-align:center或者给一个子元素一个固定的宽度和一个margin:0 auto来使它在边缘到边缘块元素中居中。

请参阅此处的示例：http://jsbin.com/ufemim

Answer 2

要让它正常工作，您必须

为dive

• {margin:auto}定义固定宽度
• 为该

定义

您可以在固定位置时使用background-colo和边框CSS属性。这是在CSS中做这件事的标准方法。

Answer 3

Html：

<div id="header">My header</div>

CSS：

#header {
    width:800px;
    height:100px;
    margin:0 auto;
    background:blue;
}

对于任何其他你希望居中的div，你也必须这样做。