清除浮动与固定定位

一、清除浮动

  1. clear:    (不推荐)

            left        左浮动清除

            right      右浮动清除

            both        左右都清除

    在最后加一个元素,给元素加clear样式。 

    2. overflow: hidden;(有瑕疵)

        除了溢出隐藏,还可以清除浮动

    给父级添加overflow:hidden;样式

    注意:如果有会超出父级的东西,那就不能用了。

    3.clearfix(推荐)

        完美解决清除浮动问题


二、固定定位


    position: fixed;

        特点

            相对于可视区进行定位

            元素变成块

            宽度尽可能窄

            脱离文档流

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,854评论 1 92
  • 这篇文章极好,以至于让我受益良多,就一字没有改动的转发过来一丝冰凉老师的文章 需要注意的是,display:tab...
    新晋小牛牛阅读 1,076评论 0 2
  • 一、文档流的概念指什么?有哪种方式可以让元素脱离文档流? 1、文档流指的是元素在排列布局中所占用的位置,具体的说是...
    鸿鹄飞天阅读 811评论 0 0
  • 浮动,从诞生那天起,它就是个特别的属性——既为网页布局带来新的方法,却又随之产生一系列的问题。当然,随着时间的推移...
    郝特么冷阅读 861评论 0 6
  • 1. 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 特征:浮动元素不在普通的文档流中...
    在乎者也阅读 1,225评论 0 1