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

Question

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

Answer 1

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

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

Answer 2

为此，你必须

• 为该潜水定义了固定宽度
为该div定义的
• {margin：auto}

您可以在修复定位时使用background-colo和border CSS属性。这是在CSS中执行此操作的非常标准的方法。

Answer 3

HTML：

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

CSS：

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

你必须为你想要居中的任何其他div做这个。