bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

css使用偽元素清除浮動的方法介紹-創新互聯

今天小編分享的是關于css使用偽元素清除浮動的方法介紹，可能大家對css中的偽元素并不陌生，或者從來沒有了解過css中的偽元素。但是不用擔心，今天小編會以最簡單的描述來講解css使用偽元素清除浮動的方法。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：國際域名空間、虛擬主機、營銷軟件、網站建設、鎮安網站維護、網站推廣。

css使用偽元素清除浮動的方法介紹

什么是BFC？

塊級格式化上下文，是一個獨立的渲染區域，讓處于 BFC 內部的元素與外部的元素相互隔離，使內外元素的定位不會相互影響。

我們先了解一個名詞：BFC（block formatting context），中文為“塊級格式化上下文”。

先記住一個原則：

如果一個元素具有BFC,那么內部元素再怎么翻江倒海，翻云覆雨，都不會影響外面的元素。所以，BFC元素是不可能發生margin重疊的，因為margin重疊會影響外面的元素的；BFC元素也可以用來清除浮動帶來的影響，因為如果不清除，子元素浮動則會造成父元素高度塌陷，必然會影響后面元素的布局和定位，這顯然有違BFC元素的子元素不會影響外部元素的設定。

以下情況會觸發BFC:

?<html>根元素
?float的值不為none
?overflow的值為auto，scroll，hidden
?display的值為table-cell，table-caption和inline--block中的任何一個
?position的值不為relative和static 即 position: absolute/fixed

顯然我們在設置overflow值為hidden時使container元素具有BFC，那么子元素child浮動便不會帶來父元素的高度坍塌影響。

利用偽類元素清除浮動：

.clearFix::after,.clearFix::before {
       display: block;
      content: '';
      clear: both;
      visibility: hidden;
      height: 0;
}
.clearFix { zoom: 1;}

以上就是css使用偽元素清除浮動的方法介紹做了簡略的介紹，當然詳細使用上面的不同還得要大家自己使用過才領會。如果想了解更多，歡迎關注創新互聯行業資訊頻道哦！

網站題目：css使用偽元素清除浮動的方法介紹-創新互聯
文章位置：http://vcdvsql.cn/article46/cssheg.html

成都網站建設公司_創新互聯，為您提供外貿建站、外貿網站建設、網站內鏈、網站設計、網站營銷、小程序開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

成都定制網站建設