css绝对定位代码(css设置绝对定位设置距离)

1positionabsolute绝对定位是相对于他的祖先元素改变left，top，right，bottom值来偏移自己margin0 auto也是相对他父标签的宽让自己左右剧中对齐这并不是该或不该就不要这些属性的，因为在页面相同的效果可以用不。

2在indexhtml中的标签中，输入css代码img position absolutetop 100px left 200px3浏览器运行indexhtml页面，此时通过css实现了图片的绝对定位，距离左侧100px，顶部200px，不随网页大小而变化。

一种div1设置为positionrelative，div2设置为positionabsolute，此时的div2就相对于div1进行基准定位了因为绝对定位positionabsolute，不在标准流中，所以内联元素不知到他的位置，会跑到他的下面去这里就看。

IE9之前版本不支持，在IE8模式下，不居中，如图4讲解第二种div绝对定位水平垂直居中marginauto实现绝对定位元素的居中，代码两个关键点1上下左右均0位置定位2margin auto 其widthheight如何更改都是居中。

position是用来设置元素位置的，如positionrelative，这个的意思是将元素的位置设置为相对另外还有positionabsolute，用来绝对定位元素例如demopositionabsolutetop10pxright10px，这句会让使用demo这个类的元素。

固定定位其实和绝对定位有很多相似之处只不过是基于当前页面来偏移我们可以用代码来验证代码如下 ！DOCTYPE html PUBLIC #34W3CDTD XHTML 10 TransitionalEN#34 #34。