你的位置:首页 > 软件开发 > 网页设计 > position定位——让人又爱又恨的属性

position定位——让人又爱又恨的属性

发布时间:2016-09-07 22:00:10
关于css中的position这个属性,在使用的时候,有时很强大,有时又让人很无奈。强大的时候,对于div中的一些小物件不方便使用margin或者padding的时候,给与position:absolute;再配备left、right、top和bottom,基本上就是想放哪里放哪 ...

关于css中的position这个属性,在使用的时候,有时很强大,有时又让人很无奈。

强大的时候,对于div中的一些小物件不方便使用margin或者padding的时候,给与position:absolute;再配备left、right、top和bottom,基本上就是想放哪里放哪里了。

让人无奈的时候,就是我们一旦滥用了position这个定位属性,就会让自己的布局飞的满天是,又因为z-index没有设定好,基本上,整体的布局就会让你手足无措,找原因的话,又非常麻烦,最后,恐怕只能推倒重做了。

所以,对待position这个属性,我们要详细的了解到它运行的原理,以及应用的场景,这样,我们才可以在想用的时候完美的驱使它来完成我们想要的效果。

废话不多说,直接上步骤,先说position的概念吧

position,我们百度一下,就知道这个单词的意思是方位,在css中,就是定位的意思,属性名字是 position,属性值有五个,分别是 static(默认定位)、absolute(绝对定位)、relative(相对定位)、fixed(固定定位)、inherit(继承定位,不常用)

书写规则:

position:static|absolute|relative|fixed|inherit

原标题:position定位——让人又爱又恨的属性

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录