clearfix清除浮动

精通CSS(第二版):

.clear:after {
    content: ".";
    height: 0;
    visibility: none;
    display: block;
    clear: both;
}

bootstrap中清除浮动的方法:

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content:"";
}

.clearfix:after {
    clear: both;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,699评论 1 92
  • 原文在这里,转载标明出处,谢谢! clearfix hack做为一种无需借助额外标签清除浮动的方法已经人尽皆知了,...
    江枫阅读 4,758评论 1 5
  • 首先,我们来解释一下为什么要使用 clearfix(清除浮动)。通常我们在写html+css的时候,如果一个父级元...
    Wenliang阅读 53,234评论 2 25
  • 浮动,从诞生那天起,它就是个特别的属性——既为网页布局带来新的方法,却又随之产生一系列的问题。当然,随着时间的推移...
    郝特么冷阅读 4,298评论 0 6
  • 模糊记得,当年我坐在云雾缭绕的网吧看第一部的时候,被它奔放的叙事和失真的画面弄得死去活来,剧情已经忘记的差不多了。...
    99丶9k金阅读 2,944评论 0 2

友情链接更多精彩内容