這篇文章主要介紹了css如何布局，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)成立于2013年，我們提供高端重慶網(wǎng)站建設(shè)公司、成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站定制、營(yíng)銷型網(wǎng)站建設(shè)、微信平臺(tái)小程序開(kāi)發(fā)、微信公眾號(hào)開(kāi)發(fā)、營(yíng)銷推廣服務(wù)，提供專業(yè)營(yíng)銷思路、內(nèi)容策劃、視覺(jué)設(shè)計(jì)、程序開(kāi)發(fā)來(lái)完成項(xiàng)目落地，為成都玻璃鋼坐凳企業(yè)提供源源不斷的流量和訂單咨詢。

布局：float、clear

通常默認(rèn)的排版方式，將頁(yè)面中的元素從上到下一一羅列，而實(shí)際開(kāi)發(fā)中，需要左右方式進(jìn)行排版，就需要使用浮動(dòng)

選擇器{float:屬性值}
    常用屬性值：
            left:元素向左浮動(dòng)
            right:元素向右浮動(dòng)
            none:元素不浮動(dòng)(默認(rèn)值)

由于浮動(dòng)元素不再占用原文檔流的位置，所以它會(huì)對(duì)頁(yè)面中其他元素的排版產(chǎn)生影響。如果要避免影響，需要使用clear屬性進(jìn)行清除浮動(dòng)。

選擇器{clear:屬性值;}
    常用屬性值：
            left：不允許左側(cè)有浮動(dòng)元素(清除左側(cè)浮動(dòng)的影響)
            right：不允許右側(cè)有浮動(dòng)元素(清除右側(cè)浮動(dòng)的影響)
            both：同時(shí)清除左右兩側(cè)浮動(dòng)的影響

例如：

 

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css如何布局”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!