1、元素漂移
把乙個元素從頁面流中移走，漂移到某個方向，其它塊元素會置於這個元素下面，當有內聯元素注入其他塊元素時，內聯元素會環繞著這個元素
#amazing
如圖：2、凍結布局
元素還保留在頁面流中，鎖定這個元素，凍結在頁面上，不論放大還是縮小視窗，這個元素的大小不變
複製**
**如下:
#allcontent
如圖：3、凝膠物布局
鎖定頁面中內容區的寬度，把它放置在瀏覽器**
複製**
**如下:
#allcontent
如www.cppcns.com圖：
4、絕對布局
把乙個元素從頁面流中移走，並漂浮固定在頁面的某個位置。
www.cppcns.com
複製**
**如下:程式設計客棧
#sidebar
如圖：5、固定布局
把乙個元素從頁面流中移走，並漂浮固定在視窗的某個位置。
複製**
**如下:
#coupon
如圖：6、相對布局
元素還保留在頁面流中，但在頁面顯示之前把元素偏移到指定的位置，原來的位置因為還在流中，所以不會被其他元素佔位。
.beanheading img{
position: relative;
right:120px;
如圖：本文標題: web頁面布局方式小結
本文位址: /web/css/82487.html
web網頁 頁面布局的幾種方式
網頁基本布局方式 1 流式布局 fluid 流布局與固定寬度布局基本不同點 就在於對 尺寸的側量單位不同。固定寬度布局使用的是畫素，但是流布局使用的是百分比，這位網頁提供了很強的可塑性和流動性。換句話說，通過設定百分比，我們不需要考慮裝置尺寸或者螢幕寬度大小了，可以為每種情形找到一種可行的方案，應為...
web網頁 頁面布局的幾種方式
流布局使用的是百分比，這位網頁提供了很強的可塑性和流動性。通過設定百分比，我們不需要考慮裝置尺寸或者螢幕寬度大小了，可以為每種情形找到一種可行的方案，應為你的設計尺寸將適應所有的裝置尺寸。流布局與 查詢和優化樣式技術密切相關。在固定布局中，網頁的寬度是必須指定為乙個畫素值，一般為960px。因為96...
web網頁 頁面布局的幾種方式
網頁基本布局方式 1 流式布局 fluid 流布局與固定寬度布局基本不同點 就在於對 尺寸的側量單位不同。固定寬度布局使用的是畫素，但是流布局使用的是百分比，這位網頁提供了很強的可塑性和流動性。換句話說，通過設定百分比，我們不需要考慮裝置尺寸或者螢幕寬度大小了，可以為每種情形找到一種可行的方案，應為...