position:absolute
绝对相对于父元素的位置。
position:relative
相对于父元素的相对位置。与absolute的区别是,relative与元素之间不可能交叉重叠。
position:static
静态位置。这个是个默认值。使用了这个属性,它的作用就与table差不多了。不能用left,top来定位
position:fixed
相对于浏览器的位置。无论,网页的滚动条如何滚动,它都会纹丝不动。
#div1
{
position :absolute ;
background-color :Blue ;
height :150px;
width:500px;
}
#div2
{
position :absolute ;
background-color :red ;
height :150px;
width:200px;
margin-left :50px;
margin-top :100px;
}
<body>
<form id="form1" runat="server">
<div >
<div id="div1"></div>
<div id="div2"></div>
</div>
</form>
</body>