如果要實現整體頁面上下居中，它們倆必須得是乙個整體。我便在標籤中加了個class，使body中的兩部分真正包含在乙個整體中。接下來對這個整體進行設定：
.mainlayout
這是使用絕對定位和負margin值實現的。
left:50% 會讓整個mainlayout容器從瀏覽器水平方向的中點開始往右顯示，此時瀏覽器左邊的一半是空的。
然後設定 margin-left為mainlayout容器的一半，設定為負值是讓容器能再向左移動，也就是將整個容器從瀏覽器中點往左邊挪動它（mainlayout容器）本身的一半。這樣mainlayout容器剛好就能夠左右居中顯示了。
上下居中顯示的原理一樣：先top：50%讓容器從垂直方向的中點向下顯示，上面空出一半。然後再向上移動mainlayout容器的一半，使之垂直居中。
div css 實現頁面居中顯示
我們需要的效果就是在頁面的視口上，居中顯示出乙個div用以承載資訊 效果如下 此時我們只需要將該div設定為固定定位，最後設定top left屬性值即可 css部分 body div上面是通過calc函式直接設定的top和left值，也可以直接設定為50 再設定div的margin來實現同樣的效果 ...
如何用div css布局頁面
如今web2.0炒的很厲害,先不去管它web2.0究竟是什麼東西,反正div css好像是火的不行了.各大知名站點都趕時髦似的把原來的 布局翻新成了div css,並美其名曰 本站符合web2.0標準 以便讓別人覺得他們的 用的是最先進的技術.div布局真有那麼先進麼?這個問題仍在爭論之中.在這裡咱...
如何用div css布局頁面
如今web2.0炒的很厲害,先不去管它web2.0究竟是什麼東西,反正div css好像是火的不行了.各大知名站點都趕時髦似的把原來的 布局翻新成了div css,並美其名曰 本站符合web2.0標準 以便讓別人覺得他們的 用的是最先進的技術.div布局真有那麼先進麼?這個問題仍在爭論之中.在這裡咱...