使用left、right、top、bottom属性不能相对于其父包含块进行绝对定位
写了如下一段程序,未能
<!DOCTYPE HTML>
<html>
<head>
<title>absolute样式</title>
<style type="text/css">
.div1{
width:200px;
height:200px;
border:2px red solid;
}
.div2{
width:20px;
height:20px;
border:2px red solid;
position:absolute;
right:10px;
top:20px;
}
</style>
</head>
<body>
<div class="div1">
<div class="div2">
</div>
</div>
</body>
</html>
大家可以在浏览器中试试,不能实现在其父包含块中的绝对定位,还是在body窗口中的绝对定位.
如果要实现在其父包含块中的绝对定位,还需其它设置吗?
cloudgalaxy浏览 1494回答 1
1回答
-
走向流沙
你给div1设置position:relative;就可以了
随时随地看视频慕课网APP
Html/CSS
Html5
前端工具