absolute 从不定位控制网页div向下平移
问题:
我自己用DIV+CSS写了一个网页,现在想在原先的DIV上面插入另外一个DIV,需要把原来的DIV整个向下平移,这个不太会操作,请老师指点一下,谢谢。
回复:
控制一个DIV的位置,可以使用相对定位和从不定位。使用position:absolute或者position:relative来将网页中的DIV向下移平。使用方法见:CSS从不定位与相对定位区别易懂详解。
从不定位是(absolute)指相对于父元素来进行top,left,bottom,right进行偏移。使用absolute从不定位时,父元素必须有position属性,如果没有,就相对于父的父元素。谁有position属性就相对于谁,都没有就相对于body。
举个简单的例子:从不定位相当于一个飞机飞在父元素的上空,它不占父元素的位置。
从不定位的语法:
div{position:absolute;top:10px;right:10px;bottom:10px;left:10px;}
用css来控制div的位置布局 margin:0px auto;居中 margin-top:50px; 向下移动50像素