码迷,mamicode.com
首页 > 其他好文 > 详细

关于定位以及盒子模型的小技巧

时间:2017-01-08 07:48:26      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:渲染   通过   position   index   生效   ati   他也   页面   定义   

我们正常的页面的布置都是跟随文档流来渲染的,但是一些样式层叠或者其他的一些属性,需要定位才能生效,像z-index,如果没有加上position:relative;那么就不会生效。

我们可以这样理解,正常的文档流就相当于一张纸上渲染的东西,当要把纸折叠,或者是变换,脱离了这部分,那就需要通过规则来变换,这个规则就是定位,可以有绝对定位,相对定位,fixed,这三种规则,又有不同的方式,可以由我们来定义。

注意:相对定位虽然没有脱离正常的文档流,但是他也会比普通的文档流要高一点点。绝对定位是脱离文档流,层次比相对定位要高。

 

关于定位以及盒子模型的小技巧

标签:渲染   通过   position   index   生效   ati   他也   页面   定义   

原文地址:http://www.cnblogs.com/xiongmaoblog/p/6247181.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!