代码中的“容器1”为何不在“容器1的父容器”中？？？
来源：13-6 万事无绝对 -层模型之绝对定位
neuvania
2015-06-08 11:36
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>布局模型之Layer Model</title>
<style type="text/css">
body{
background-color: #eee;
}
h4{
margin:4px auto;
}
#div1-father{
background-color: white;
border:1px solid blue;
width:200px;
height:200px;
}
#div1{
width:100px;
height:100px;
border:1px solid blue;
background-color: yellow;
/*图层布局*/
position:absolute;
top:20px;
right:100px;
}
</style>
</head>
<body>
<h4>图层布局模型 Layer Model</h4>
<div id="div1-father">
容器1的父容器
<div id="div1">
容器1
</div>
</div>
</body>
</html>
写回答
关注
2回答
-
- neuvania
- 2015-06-08 11:58:02
绝对定位是相对于父容器绝对定位还是相对于body容器？
-
- 伊兮尘昔
- 2015-06-08 11:50:13
你容器1已经设置绝对定位
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225301 学习 · 18230 问题
相似问题