清浮動

1知残、父元素設置overflow:hidden;或者overflow:auto;?

缺點:子元素有超出部分會自動隱藏

2臼节、在父元素中最后一個子元素后面插入一個div借點早抠,給一個clear:both; 的樣式鲫竞,清楚上面的浮動

3昵济、寫一個清浮動樣式 尚猿,使用的時候只需要插入即可窝稿;

.clearfix:after{ content:''; display:block; clear:both; height:0; }?

.clearfix{ *zoom:1; } ?//兼容ie6,7

另一種寫法:

.clear:before,.clearfix:after{ content:' '; display:table; } .clearfix:after{ clear:both; }

4、父元素限制高度凿掂,也是一種處理辦法

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末伴榔,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子庄萎,更是在濱河造成了極大的恐慌踪少,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件糠涛,死亡現(xiàn)場離奇詭異援奢,居然都是意外死亡,警方通過查閱死者的電腦和手機忍捡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進店門集漾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來切黔,“玉大人,你說我怎么就攤上這事具篇∥诚迹” “怎么了?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵驱显,是天一觀的道長诗芜。 經常有香客問我,道長秒紧,這世上最難降的妖魔是什么绢陌? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮熔恢,結果婚禮上脐湾,老公的妹妹穿的比我還像新娘。我一直安慰自己叙淌,他們只是感情好秤掌,可當我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著鹰霍,像睡著了一般闻鉴。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上茂洒,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天孟岛,我揣著相機與錄音,去河邊找鬼督勺。 笑死渠羞,一個胖子當著我的面吹牛,可吹牛的內容都是我干的智哀。 我是一名探鬼主播次询,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼瓷叫!你這毒婦竟也來了屯吊?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤摹菠,失蹤者是張志新(化名)和其女友劉穎盒卸,沒想到半個月后,有當地人在樹林里發(fā)現(xiàn)了一具尸體辨嗽,經...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡世落,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了糟需。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片屉佳。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖洲押,靈堂內的尸體忽然破棺而出武花,到底是詐尸還是另有隱情,我是刑警寧澤杈帐,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布体箕,位于F島的核電站,受9級特大地震影響挑童,放射性物質發(fā)生泄漏累铅。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一站叼、第九天 我趴在偏房一處隱蔽的房頂上張望娃兽。 院中可真熱鬧,春花似錦尽楔、人聲如沸投储。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽玛荞。三九已至,卻和暖如春呕寝,著一層夾襖步出監(jiān)牢的瞬間勋眯,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工下梢, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留客蹋,地道東北人。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓怔球,卻偏偏與公主長得像嚼酝,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子竟坛,可洞房花燭夜當晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案闽巩? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,748評論 1 92
  • 清浮動的兩種情況: 1.父級沒有高度時,父級的高度是由子元素撐開的担汤,但子元素浮動后涎跨,父元素的高度無法被撐開,所以需...
    魔_術師閱讀 602評論 0 2
  • 浮動崭歧,前端開發(fā)人員進行css布局的必備神器隅很,但使用浮動會使元素脫離正常文檔流,給我們造成一些不想要的效果率碾,此...
    goAheadeJz閱讀 668評論 0 0
  • 1.給父級也加浮動(頁面中所有的元素都加浮動叔营,margin左右會自動失效) 2.給父級加display:inlin...
    YT_Zou閱讀 133評論 0 1
  • 這篇文章極好,以至于讓我受益良多,就一字沒有改動的轉發(fā)過來一絲冰涼老師的文章 需要注意的是屋彪,display:tab...
    新晉小牛牛閱讀 1,047評論 0 2