Question

CSS样式中如何理解绝对定位和相对定位?

大家好,我刚学CSS布局,对绝对定位和相当定位还不是很理解,什么时候用到绝对定位?什么时候用到相对定位?子div相对父div的定位用什么?
还有margin是不是也算定位的一种?(最好有实)请达人不吝赐教!

ps:没有关于网页设计或CSS的分类,我就把它放到java相关类中,我相会java一定会css吧!

Answer 1

绝对定位表示不管是几级元素,都以浏览器上边框(top),左边框(left),右边框(right),下边框(bottom)来定位..
相对定位,则是以上一级父级元素为基准来定位.. 所以子div相对父div的定位用什么当然就要用 position:relative--相对定位了..
margin表示 与上一级元素的上下左右之间留多少空间,如果是在相对定位中,用margin代替也可以，但是,margin的属性值在各个浏览器中是有差异的,所以为了兼容性,最还是用 position:relative来相对定位..

绝对定位:position:absolute
<div style="position:absolute;top:10px;left:10px;width:400px;height:300px;border:1px solid black"><div style="position:relative;top:5px;left:5px;width:100px;height:100px;border:1px solid red">这个层是相对定位</div></div>