DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> DIV+CSS制作的網頁如何讓網頁居中
DIV+CSS制作的網頁如何讓網頁居中
編輯:布局實例     

 我寫網頁是包在一個叫 #container 的DIV中的,所以這裡主要講一下BODY與#container之間的關系。

    先看一下body的CSS樣式:

    body{ margin:0;padding:0;text-align:center;}

    這裡的body把margin與padding設置為0,這樣就把body內容與浏覽器邊緣親密接觸。然後text-align:center 把body的內容全部居中,這樣就包括了#container也一起居中了。

    再來看一下#container的樣式:

    container{width:760px;margin:0 auto;text-align:left;position:relative;}

    學問就在這個#container裡了: 給這個容器設定了寬度,這裡是760px,margin:0 auto; 這裡的margin中的第一個0是上下、第二個auto是左右。上下為0左右讓其自控。再加上定位為相對,只有定位為相對的元素才可以有位置移動!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved