真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

重慶分公司 重慶分公司

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動態(tài)
• 成功案例
• 關(guān)于我們
028-86922220

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動態(tài)
• 成功案例
• 關(guān)于我們

    box1左浮動

浮動的影響與清除浮動

在文檔流中，父元素的高度默認(rèn)是被子元素?fù)伍_的，也就是子元素多高，父元素就多高。

但是子元素浮動后,因為脫離了文檔流,所以子元素?zé)o法撐起父元素的高度.導(dǎo)致父元素高度消失.后面的元素都將會向上移動.最終導(dǎo)致頁面布局混亂。

清除浮動方法1(針對父子元素)：

給父元素指定一個高度直接寫死（不推薦）

清除浮動方法2(針對父子元素)：

給父元素開啟BFC。

清除浮動方法3:清除浮動clear(針對兄弟元素)

clear可以用來清除其他浮動元素對當(dāng)前元素的影響,僅僅是清除影響,清除浮動后.元素會回到其他元素浮動之前的位置

如果前面的元素是左浮動:clear:left

如果前面的元素是右浮動:clear:right

| 值 | 描述 |
| left | 在左側(cè)不允許浮動元素。 |
| right | 在右側(cè)不允許浮動元素。 |
| both | 在左右兩側(cè)均不允許浮動元素。(清除對元素影響大的那個元素浮動) |
| none | 默認(rèn)值。允許浮動元素出現(xiàn)在兩側(cè)。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 clear 屬性的值。 |

清除浮動導(dǎo)致高度塌陷問題(父子元素)：

可以直接在高度塌陷的父元素的最后，添加一個空白的div,并設(shè)置clear

但是此方法會添加冗余代碼.因此可使用css進(jìn)行添加偽元素:

.父元素:after{
content:"";
display:block;
clear:both;
}

以上是“css浮動的特性有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。