在CSS定位布局中，一般遵循外部相对定位，内部绝对定位这是为什么呢

发布网友发布时间：2022-05-25 12:19

共3个回答

热心网友时间：2023-10-27 02:19

默认情况下，所有的元素都是静态定位(position: static)，在默认情况下，如果：

<div id="wrap>
<div id="content">content</div>
</div>

这时候，如果内部#content 这个div使用绝对定位，那么这个内部div#content 不是相对于外部div#wrap来定位，而是相对于div#wrap的祖先元素中包含（position:relative; 或者 position:absolute;）的那个祖先元素来定位，如果div#wrap的祖先元素都没有（position:relative; 或者 position:absolute;），那么div#content相对于<body></body>来定位。

一旦外部的div#wrap是position:relative; 或者 position:absolute;，那么div#content相对于div#wrap定位。就是把div#wrap的左上点当做(0,0)坐标，div#wrap（div#wrap的高度是height，宽度是width）的右下点当做（width,height）坐标。

热心网友时间：2023-10-27 02:20

因为在<div>里面嵌套<div>的时候子div继承父div（容器）

子div想要实现相对于父div的绝对定位的话，不能直接使用绝对定位，而是因为先在父div（容器）加上相对定位

热心网友时间：2023-10-27 02:20

外部相对定位，可以让页面在不同分辨率显示器下显示位置一样。内部div在于分配页面具体内容可以绝对定位，这样可以让不同内容按页面要求布局

在CSS定位布局中，一般遵循 外部相对定位，内部绝对定位 这是为什么呢

在CSS定位布局中，一般遵循外部相对定位，内部绝对定位这是为什么呢