CSS浮动续

CSS清除浮动案例


CSS版心居中显示案例


清除浮动的四种用法：

1.  使用空标记清除浮动，隔墙法，增加标签

2. 使用overflow属性清除浮动，会误伤

3. 使用after伪对象清除浮动

4. 使用before after伪对象清除浮动


clearfix使用案例：

父元素包裹所有浮动子元素，父元素清除上下浮动。


最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1赞 92
  • HTML和CSS——定位详解
    当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术，很大程序上取决于内容和目标页面，因为有很多技术比别人...
    lulu_c阅读 4,806评论 0赞 5
  • 站在养育正面的是“理性与责任”，背后的是“爱”
    《育儿基本》，作者（真心爸妈 ）自己下的基调——“这不是一本感性和爱意之书，而是理性与责任之书 ”。 书中深入思考...
    努力幸运的堡阅读 3,192评论 0赞 2
  • 正确的思维方式
    正确的思维方式 积极向上、具有建设性； 善于与人共事，有协调性；性格开朗，对事物持肯定态度；充满善意；能同情他人、...
    旗木咔咔西阅读 3,365评论 0赞 3
  • 台湾本土面膜对比之森田与猪头妹
    总所周知，森田面膜是台湾面膜，而且价位相对便宜，补水效果好，所以广受大众欢迎。今天就两款台湾本土面膜的对比。 外貌...
    墨菲show阅读 5,667评论 1赞 1