資源描述:
《css float屬性》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、cssfloat屬性頁面布局方式頁面布局方式,主要包含:文檔流、浮動層、float屬性。文檔流HTML頁面的標(biāo)準(zhǔn)文檔流(默認(rèn)布局)是:從上到下,從左到右,遇塊(塊級元素)換行。浮動層浮動層:給元素的float屬性賦值后,就是脫離文檔流,進(jìn)行左右浮動,緊貼著父元素(默認(rèn)為body文本區(qū)域)的左右邊框。而此浮動元素在文檔流空出的位置,由后續(xù)的(非浮動)元素填充上去:塊級元素直接填充上去,若跟浮動元素的范圍發(fā)生重疊,浮動元素覆蓋塊級元素。內(nèi)聯(lián)元素:有空隙就插入。float屬性介紹①left:元素向左浮動。②r
2、ight:元素向右浮動。③none:默認(rèn)值。④inherit:從父元素繼承float屬性。示例1/82.3-float屬性3、/css">#a{background-color:Red;height:50px;width:100px;}#b{background-color:Yellow;height:50px;width:200px;}#c{background-color:Blue;height:50px;width:300px;}#d{background-color:Gray;height:50px;width:400px;}
div-a