有關css偽類 after清除浮動的問題

2021-05-05 01:42:50 字數 851 閱讀 2834

1樓:

【浮動產生負作用 】

1、背景不能顯示

由於浮動產生,如果對父級設定了(css background背景)css背景顏色或css背景**,而父級不能被撐開,所以導致css背景不能顯示。

2、邊框不能撐開

如上圖中,如果父級設定了css邊框屬性(css border),由於子級裡使用了float屬性,產生浮動,父級不能被撐開,導致邊框不能隨內容而被撐開。

3、margin padding設定值不能正確顯示

由於浮動導致父級子級之間設定了css padding、css margin屬性的值不能正確表達。特別是上下邊的padding和margin不能正確顯示。

【css解決浮動,清除浮動方法】

方法一:

.clear

可以不用對父級設定高度 也無需技術父級高度,方便適用,但會多加css和html標籤。

方法二:對父級設定適合css高度

方法三:父級div定義 overflow:hidden

對父級css選擇器加overflow:hidden樣式,可以清除父級內使用float產生浮動。優點是可以很少css**即可解決浮動產生。

方法四:

.cle:after, .clearfix:after, .clear_f:after, .cle_float:after

.cle, .clearfix, .clear_f, .cle_float

在父級加上一個class

2樓:匿名使用者

清除浮動時就是要用block元素呀

3樓:匿名使用者

清除浮動的關鍵是這句好不好:clear:both;

偽元素和偽類有何區別,css偽元素和偽類的區別

偽類的效果可以通過新增一個實際的類來達到,而偽元素的效果則需要通過新增一個實際的元素才能達到,這也是為什麼它們一個成為偽類,一個稱為偽元素的原因。偽元素用於處理結構,偽類用於處理樣式。偽元素和偽類之所以這麼容易混淆,是因為他們的效果類似而且寫法相仿,但實際上 css3 為了區分兩者,已經明確規定了偽...

有關div設定CSS問題

div垂直居中?如果是一行字的話很簡單,height跟line height一樣就ok了。如果是多行可以給div加上 display table cell 這樣可以讓div當作 來顯示,讓後再加上 vertical align middle 就能垂直居中實現了!可問題是,爛ie並不支援 ie也有解決...

寫有關禮節類 文學類 藝術類 科學類 和有關做人的成語各

1 禮節類 禮尚往來 禮賢下士 禮儀之邦 禮義廉恥 以禮相待 2 文學類 出口成章 篇篇錦繡 字字珠璣 揮灑自如 天衣無縫 驚世駭俗 入木三分 3 藝術類 百家爭鳴 別具匠心 匠心獨運 栩栩如生 象牙之塔 百花齊放 出神入化 曲高和寡 高山流水 餘音繞樑 濫竽充數 煮鶴焚琴 長袖善舞 粉墨登場 梨園...