常用布局：
1.流式布局
2.浮動布局
3.絕對定位布局
4.聖杯布局
* body
/浮動布局/
/*.header
.bd
.footer
.main
.leftside
.right*/
/絕對定位布局/
/*.header
.bd
.footer
.leftside
.main
.right*/
/聖杯布局/
.header
.main
.bd
.footer
.bd
.main
.leftside
.right
.main
.leftside
.right
我是頭部
我是body的中間部分
我是body的左邊
我是body的右邊部分
我是底部
聖杯布局：應用於三列布局，兩邊固定，中間自適應，一種經典的布局方法。
流式布局 浮動布局及絕對定位布局
知識點 1.掌握三大布局技巧 流式布局 浮動布局及絕對定位布局 2.精通標準文件流 盒子模型 float屬性以及position屬性等知識。w3c由全球資訊網聯盟制定的一系列標準 1.結構化標準語言 html和xml 2.表現標準語言 css 3.行為標準語言 dom和ecmascript css三...
絕對定位布局
position屬性設定，能夠實現橫向多列布局及較為複雜的定位，比如帶有遮罩層效果的提示框 固定層效果 全屏廣告等。position擁有3種定位形式 1 靜態定位 2 相對定位 3 絕對定位。position可以設定4個屬性值 1 static 靜態定位 2 relative 相對定位 3 abso...
CSS 浮動布局與定位布局
布局常用的方法 用float設計浮動布局 float預設值為none,可根據頁面需要設定為左浮動left，或右浮動right 瀏覽器中效果 因為 div 是區塊元素，每個 div 獨佔一行，要想讓三個 div 在同一行裡顯示，就需要給三個子元素設定浮動，但浮動會使元素脫離文件流，父元素高度崩塌，所以...