css定位和浮动

2017-12-07  本文已影响0人  adminlyrics

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

绝对定位:脱离文档流,相对于上一个父元素中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;,也是缩放的

上一篇下一篇

猜你喜欢

热点阅读