網(wǎng)頁布局的三種方式:
一:標(biāo)準(zhǔn)文檔流
1、從上到下 從左到右(塊級元素【div,ul,li,dl,dt,p】和行級元素【上盤,img,strong,input】)
2、盒子模型
1)盒子模型屬性:
邊框border ,
內(nèi)邊距padding【(上,右,下,左)(上,左右,下)(上下,左右)】,外邊距margin【(上,右,下,左)(上,左右,下)(上下,左右)】。
3、盒子3d模型
1)盒子3d模型層級
1,border ;
2,content+padding;
3,background-img;
4,background-color;
5,margin;
4、盒子模型尺寸等于邊框+外邊距+內(nèi)邊距+盒子中間內(nèi)容尺寸
二:浮動 float
float:left,right,none
清除浮動:
1、clear:both;(一般用于緊鄰后面的元素清除浮動)
2、同時設(shè)置width:1000%(固定寬度)+overflow:hidden;
注:(當(dāng)父包含快縮成一條時,用clear:both方法無效;一般用清除浮動的第二種方法)
三:絕對定位
1靜態(tài)定位 2相對定位 3絕對定位
以上文章部分內(nèi)容采集于網(wǎng)絡(luò),如有侵權(quán)請聯(lián)系創(chuàng)一網(wǎng)客服處理,謝謝!