首页 > 开发 > CSS > 正文

老生常谈position定位――让人又爱又恨的属性

2024-07-11 08:57:53
字体:
来源:转载
供稿:网友

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

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

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

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

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

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

书写规则:

CSS Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表