首页 > 代码库 > 解决float之后容器高度坍塌
解决float之后容器高度坍塌
在使用float属性的时候,我们经常会遇到这样的问题,当元素的设置了float,而父容器的高度就坍塌了,如下效果
法国球星亨利宣布退役之后,国际足坛大腕们纷纷对他表示敬意,尤其是他以前效力的阿森纳队众球星都称赞他为“传奇人物。” 国际足联主席布拉特也发表推文说:“衷心祝福亨利。很遗憾看到一位世界冠军离开了赛场,但也高兴你仍然距离足球非常近。” 亨利在2007年离开阿森纳后,沃尔科特继承了他的14号球衣,这位17岁就入选英格兰队的边锋在推特上说:“在我的职业生涯中,你一直在激励我。感谢蒂埃里·亨利,祝你在新的征程中好运。” 德国球星厄齐尔尽管去年才从皇马加盟阿森纳,但同样表达了对前辈的敬慕,他与队友拉姆塞都称亨利是球队的“传奇”,都对他在阿森纳的贡献表示感谢。 西班牙球星法布雷加斯曾经与亨利一起效力阿森纳四个赛季,他在推特上发布了一张两人的合影,并说:“你是我共事过的最好的球员之一,看到你结束职业生涯感觉很伤心。真正的传奇:蒂埃里·亨利!” 阿森纳另外一名传奇球星伊恩·莱特发表的推文非常简单:“国王。”莱特曾经是阿森纳历史上头号射手,但他的进球记录被亨利打破。 阿森纳的官方网站也发表了2008年7月球迷投票的链接,当时亨利被评为俱乐部历史上最伟大的球员。 法国足协主席勒格莱特、前曼联球星加里·内维尔、英格兰足球名宿莱茵克尔也都通过社交媒体对亨利表示了敬意和祝福,都称赞他是历史上最伟大的球星之一。
解决一:在底部增加一个div并设置clear属性来消除float效果
法国球星亨利宣布退役之后,国际足坛大腕们纷纷对他表示敬意,尤其是他以前效力的阿森纳队众球星都称赞他为“传奇人物。” 国际足联主席布拉特也发表推文说:“衷心祝福亨利。很遗憾看到一位世界冠军离开了赛场,但也高兴你仍然距离足球非常近。” 亨利在2007年离开阿森纳后,沃尔科特继承了他的14号球衣,这位17岁就入选英格兰队的边锋在推特上说:“在我的职业生涯中,你一直在激励我。感谢蒂埃里·亨利,祝你在新的征程中好运。” 德国球星厄齐尔尽管去年才从皇马加盟阿森纳,但同样表达了对前辈的敬慕,他与队友拉姆塞都称亨利是球队的“传奇”,都对他在阿森纳的贡献表示感谢。 西班牙球星法布雷加斯曾经与亨利一起效力阿森纳四个赛季,他在推特上发布了一张两人的合影,并说:“你是我共事过的最好的球员之一,看到你结束职业生涯感觉很伤心。真正的传奇:蒂埃里·亨利!” 阿森纳另外一名传奇球星伊恩·莱特发表的推文非常简单:“国王。”莱特曾经是阿森纳历史上头号射手,但他的进球记录被亨利打破。 阿森纳的官方网站也发表了2008年7月球迷投票的链接,当时亨利被评为俱乐部历史上最伟大的球员。 法国足协主席勒格莱特、前曼联球星加里·内维尔、英格兰足球名宿莱茵克尔也都通过社交媒体对亨利表示了敬意和祝福,都称赞他是历史上最伟大的球星之一。
解决二:Overflow:auto
法国球星亨利宣布退役之后,国际足坛大腕们纷纷对他表示敬意,尤其是他以前效力的阿森纳队众球星都称赞他为“传奇人物。” 国际足联主席布拉特也发表推文说:“衷心祝福亨利。很遗憾看到一位世界冠军离开了赛场,但也高兴你仍然距离足球非常近。” 亨利在2007年离开阿森纳后,沃尔科特继承了他的14号球衣,这位17岁就入选英格兰队的边锋在推特上说:“在我的职业生涯中,你一直在激励我。感谢蒂埃里·亨利,祝你在新的征程中好运。” 德国球星厄齐尔尽管去年才从皇马加盟阿森纳,但同样表达了对前辈的敬慕,他与队友拉姆塞都称亨利是球队的“传奇”,都对他在阿森纳的贡献表示感谢。 西班牙球星法布雷加斯曾经与亨利一起效力阿森纳四个赛季,他在推特上发布了一张两人的合影,并说:“你是我共事过的最好的球员之一,看到你结束职业生涯感觉很伤心。真正的传奇:蒂埃里·亨利!” 阿森纳另外一名传奇球星伊恩·莱特发表的推文非常简单:“国王。”莱特曾经是阿森纳历史上头号射手,但他的进球记录被亨利打破。 阿森纳的官方网站也发表了2008年7月球迷投票的链接,当时亨利被评为俱乐部历史上最伟大的球员。 法国足协主席勒格莱特、前曼联球星加里·内维尔、英格兰足球名宿莱茵克尔也都通过社交媒体对亨利表示了敬意和祝福,都称赞他是历史上最伟大的球星之一。
解决float之后容器高度坍塌