然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。

来源:13-6 万事无绝对 -层模型之绝对定位

chaih

2016-07-22 15:22

最接近的一个具有定位属性的父包含块进行绝对定位,zhe

<title>absolute样式</title>

<style type="text/css">

div{

    width:200px;

    height:200px;

border:2px red solid;

position:absolute;

    right:100px;

    top:20px;

}

</style>

</head>

<body>

<div id="div1"></div>

</body>

这里的“具有定位属性的父包含块”是指的什么?

写回答 关注

4回答

  • yiyi_Lin
    2016-07-22 15:40:41

    举个例子

    <body>

    <div class="main">

          <div class="main-img">

          <img src=""  />

          </div>

    </div>

    一共有两个层,main层和main-img层。main-img层里放了一张图片,main层就是main-img层的最近的父包含块,如果要调整图片的位置,对它设置绝对定位,调整位置时left,right,top,bottom是相对于父包含块(也就是mian层)的位置来调整的。

  • 慕粉3688263
    2016-07-22 15:35:11

    具有定位属性的意思是说:这个块中有一个position 属性,absolute表示是绝对定位,即相对于坐标原点的位置。

  • 慕粉Wo
    2016-07-22 15:34:45

    就是positon:relative的那个块

  • 慕粉3693795
    2016-07-22 15:32:42

    div

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

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

1225806 学习 · 18234 问题

查看课程

相似问题