当用户使浏览器窗口变大时，我如何使浏览器适合我的浏览器？

Question

在facebook用户使浏览器尺寸变大时，facebook的蓝色顶部栏调整自身并将其内容保留在中间位置。我想在我的网页中应用这个东西。任何人都有任何想法如何使用CSS和HTML做到这一点。我在这方面很新颖。请帮帮我。提前致谢。

Answer 1

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

见这里的例子：http://jsbin.com/ufemim

Answer 2

对于这个工作，你必须

• 有固定为潜水
• 定义的宽度{保证金：汽车}为DIV定义

您可以在修复定位的同时使用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的做到这一点。