子節點設置了浮動,在父節點加class=”clearfix”類,以達到清楚浮動效果(推薦)
clearfix定義如下:
.clearfix:after{visibility:hidden;display:block;font-size:0;content: ” “;clear:both;height:0;}
.clearfix{*zoom:1;}
clearfix清楚浮動
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
用CSS3實現一個圖形
柳时镇大尉
2020-07-07 10:30:07
不知道取個啥名(CSS翻轉,transform)
ddx2019
2020-07-08 11:55:42
設置陰影box-shadow與text-shadow
麻陌
2020-07-08 11:50:38
我實現了客戶要求的五彩斑斕的黑!!!
SC前端
2020-07-08 10:39:04
HTML+css做炫酷的3d盒子反轉
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄
文情战
2020-07-08 09:12:55
CSS實現button按鈕閃爍效果
橘猫猫猫猫丶
2020-07-08 04:09:33
flex彈性盒模型及flex-grow與flex-shrink的計算
Neal__caffreal
2020-07-07 22:25:48
html 編寫模板
<!doctype html> <html> <head> <!--聲明當前頁面的編碼集:charset=gbk,gb2312(中文編碼),utf-8國際編碼-->
潇凝子潇
2020-07-07 15:51:45
利用css3的幾種提示效果
望月归乡
2020-07-07 14:36:15
ehcarts line先從折線變弧線
屬性值 smooth: true 要的是這種效果, 一般我們組合的時候的圖是這樣的 所以需要設置一下 修改 series: [ { name: '蒸發量',
hjy170314
2020-07-07 14:20:57
transform在css中的巧用
晓鱼仔
2020-07-07 10:47:14
flex佈局及常用屬性
情非得已小猿猿
2020-07-07 07:31:20
使用CSS3的@font-face實現個性化字體
抱猫睡觉的鱼
2020-07-07 06:33:29