css中position

来源:互联网 发布:中西部地区的淘宝村 编辑:程序博客网 时间:2024/06/06 20:27

position是表示元素的位置的属性,position : static | absolute | fixed | relative 

1.static:默认值,无特殊定位,对象遵循HTML定位原则

2.relative:相对位置,对象不可层叠,但将left,right,top,bottom等属性在正常文档流中偏移位置

top是相对于原来位置顶部向下移,botton是相对于原来位置的底部向上移移动

left是相对于原来位置的左边向左移动,right是相对于原来位置的右边向右移动


3.absolute绝对位置,相对于父元素的top/right/bottom/left来定位


绝对定位只飘在父元素上空,不占据父元素的空间

如果一个父元素里面有两个绝对定位的子元素,而两个子元素的位置差不多,那么请问,谁覆盖谁?可不可以颠倒

答:可以,用到的属性是z-index,睡的z-index大,谁就在上面



4.fixed:。。。。


0 0
原创粉丝点击