代码中的“容器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容器?

    落花寂地

    1.absolute,生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。(static,默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)) 2.fixed,生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

    2015-06-08 13:48:09

    共 1 条回复 >

  • 伊兮尘昔
    2015-06-08 11:50:13

    你容器1已经设置绝对定位

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225812 学习 · 18234 问题

查看课程

相似问题