css中position的定位有哪些


本文摘自PHP中文网,作者V,侵删。

css中position的定位有:1、static;2、fixed;3、relative;4、absolute。static相当于没有定位,relative生成相对定位的元素。

css中的position有4种取值,分别是static、fixed、relative、absolute。

(学习视频教程:css视频教程)

详细介绍:

  • static:相当于没有定位,元素会出现在正常的文档流中。

  • fixed:元素框的表现类似于absolute,但是fixed是相对于视窗本身,也就是浏览器窗口而定位的。所以,采用该定位的元素在页面下拉的时候,其位置并不会发生变化。

  • relative:生成相对定位的元素,相对于元素本身的位置进行定位,它原本所占的空间仍然会保留。

  • absolute:生成绝对定位的元素,相对于static定位以外的第一个有定位的祖先元素进行定位。由于static定位相当于没有定位,所以absolute定位实际上就是相对于有定位的第一个祖先元素定位,如果所有的祖先元素都没有定位,则相对于初始包含块或者画布,一般就是body元素定位。

相关推荐:CSS教程

以上就是css中position的定位有哪些的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css如何让文字居于div的底部

如何清除css缓存

css怎么去除table的间隙

css怎么实现对话框

css怎么实现文本的垂直排列

css实现一个简单的扁平化按钮

ie9不能读取外部css样式怎么办

js怎么设置css实现隐藏

css的flex怎么根据内容更改高度

html5实践-使用css装饰图片画廊的代码分享(一)

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...