您的位置首页生活百科

CSS里面position:relative与position:absolute 区别

CSS里面position:relative与position:absolute 区别

position:absolute这个是绝对定位;是相对于明镇码浏览器的定位。比如:position:absolute;left:20px;top:80px; 这个容旅烂器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position:relative是相对定位,是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。比如:

当1固定了位置。1的样式float:left;width:100px; height:800px;2的样激哪式为float:left; position:relative;margin-left:20px;width:50px;2的位置在1的右边,距离120px