當用戶使瀏覽器窗口變大時，我如何使瀏覽器適合我的瀏覽器？

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的做到這一點。