這篇文章主要介紹了bootstrap清除浮動的類名是哪個的相關(guān)知識,內(nèi)容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇bootstrap清除浮動的類名是哪個文章都會有所收獲,下面我們一起來看看吧。
普安ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!
bootstrap中清除浮動的類名是clearfix;clearfix是bootstrap中的一個輔助類,可以通過將“.clearfix”添加到父元素的方式來輕松清除浮點數(shù),語法為“
”。
本教程操作環(huán)境:Windows10系統(tǒng)、bootstrap3.3.7版、DELL G3電腦
我們知道,在靜態(tài)頁面的編寫中,清除浮動是一件很繁瑣的事情。
所以一般的CSS框架都會有用來清除浮動的樣式。
在bootstrap中,這個樣式叫 clearfix
.
只要在需要清除浮動的元素的父元素加上clearfix就可以了。
Clearfix用于通過將.clearfix添加到父元素來輕松清除浮點數(shù)
語法類似:
...
示例如下:
新建一個html文件,命名為test.html,用于講解bootstrap中清除浮動使用哪個類。使用link標簽加載bootstrap.min.css文件。
在div標簽內(nèi),再使用div創(chuàng)建兩行文字。給外層div添加class屬性,并通過class設(shè)置它的寬度為350px,高度為100px,背景顏色為灰色。
在內(nèi)層兩個div之前,再添加一個div,并給它添加清除浮動類名clearfix,實現(xiàn)上下兩個div的浮動相互不影響。
Document 測試一測試二
在瀏覽器打開test.html文件,查看實現(xiàn)的效果。
關(guān)于“bootstrap清除浮動的類名是哪個”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對“bootstrap清除浮動的類名是哪個”知識都有一定的了解,大家如果還想學(xué)習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。