CSS+DIV:父DIV相对定位+子DIV绝对定位

如何在一个div内将一个div进行绝对定位呢?很简单,把父div的position属性设为relative,子div的position属性设为absolute就可以了。。。

示例:

<html>

<body>

<div>xxxxx<div>

<div style="border:1px red solid;width:100%;height:50px;position:relative">

<div style="border:1px red solid;width:20px;height:20px;position:absolute;right:0;top:0">x<div>

<div>

</body>

</html>

效果:

image

你可能感兴趣的:(css+div)