css定位和浮动

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

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

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,845评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,104评论 0 1
  • 这几天有空,学习了CSS浮动和定位,和大家分享几个问题,希望对学习CSS浮动和定位的同学有所帮助。 一、文档流的概...
    betterwlf阅读 10,130评论 13 45
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 991评论 0 1
  • 你想要什么样的人生? 每天要问自己,你想要过一个什么样的人生,也许你没有答案,并没有关系,从专注一件有意义的小事...
    DD大东阅读 848评论 3 3