美文网首页
css定位和浮动

css定位和浮动

作者: adminlyrics | 来源:发表于2017-12-07 00:28 被阅读0次

    相对定位,是相对于自己应该出现的位置进行定位

    绝对定位:脱离文档流,相对于上一个父元素中postion不为static的元素进行定位

    固定定位:position :fixed;相对于浏览器视窗来进行定位

    float:脱离文档流,会相对于前面一个浮动元素进行定位或者父元素

    产生浮动:float:left/tight 

    解决浮动的方法:

    1. 在浮动元素后面添加一个元素设置 css {clear : [both/left/right]}

    2. 使用伪元素 .clearfix::after {content:"."; display:block; height:0; visibility:hidden; clear:both; }

    3.通过设置父元素overflow值设置为hidden/auto;在IE6中还需要触发 hasLayout 

    例如 zoom:1;(IE 特有)(设置或检索对象的缩放比例。)CSS3中transform:scale;,也是缩放的

    相关文章

      网友评论

          本文标题:css定位和浮动

          本文链接:https://www.haomeiwen.com/subject/iepkixtx.html