Html 继承绝对位置

.Wrap
{
高度：500px；
宽度：500px；
边框：2倍实心#000；
}
.集装箱
{
左边距：100px；
边缘顶部：100px；
宽度：300px；
高度：300px；
背景颜色：灰色；
}
.盒子
{
宽度：50px；
高度：50px；
背景色：红色；
位置：绝对位置；
顶部：15px；
左：15px；

---

要相对于

容器定位
框
，您可以在
容器
上设置
位置：相对；
，或者，如以下示例所示，移除
框
上的
左侧
/
顶部

请注意，删除
左侧
/
顶部
可能会产生一些不可预测的结果，因为您为浏览器提供了解释如何定位
框的控件


.Wrap{
高度：500px；
宽度：500px；
边框：2倍实心#000；
}
.集装箱{
位置：相对位置；
左边距：100px；
边缘顶部：100px；
宽度：300px；
高度：300px；
背景颜色：灰色；
}
.盒子{
宽度：50px；
高度：50px；
背景色：红色；
位置：绝对位置；
}
要相对于
容器定位
框
，您可以在
容器
上设置
位置：相对；
，或者，如以下示例所示，移除
框
上的
左侧
/
顶部

请注意，删除
左侧
/
顶部
可能会产生一些不可预测的结果，因为您为浏览器提供了解释如何定位
框的控件


.Wrap{
高度：500px；
宽度：500px；
边框：2倍实心#000；
}
.集装箱{
位置：相对位置；
左边距：100px；
边缘顶部：100px；
宽度：300px；
高度：300px；
背景颜色：灰色；
}
.盒子{
宽度：50px；
高度：50px；
背景色：红色；
位置：绝对位置；
}

是否要将红色框放置在灰色框中？是的，请给出容器
位置：相对；
.box
位置将基于第一个（非静态）定位的父元素。因为
.container
和
.Wrap
都未定位（即，具有默认的
位置：静态；
）可能是
.box
位置所涉及的
主体
。是的，红色框在灰色内，但不使用相对位置。如果您确实需要在
.box
上进行绝对定位，并且希望位置基于
。容器
除了制作
。容器
或
位置：ab之外，没有其他方法溶质；
，
位置：相对；
或
位置：固定；
.Ofc您始终可以拥有
.box
位置，例如基于
.Wrap
，但这需要在每次重新定位
.container
时重新计算
.box
顶部
和
左侧
属性。通常您需要nt以避免这种依赖关系。是否要将红色框放在灰色框中？是的，请给出容器
位置：相对；
.box
位置将基于第一个（非静态）定位的父元素。因为
.container
和
都未定位（也就是说，将其默认的
位置设置为static；
）可能是
.box
位置所涉及的
主体
。是的，红色框在灰色内，但不使用相对位置。如果您确实需要在
.box
上进行绝对定位，并且希望位置基于
。容器
除了制作
。容器
或
位置：ab之外，没有其他方法溶质；
，
位置：相对；
或
位置：固定；
.Ofc您始终可以拥有
.box
位置，例如基于
.Wrap
，但这需要在每次重新定位
.container
时重新计算
.box
顶部
和
左侧
属性。通常您需要如果他仍然需要“定位”
.box
，他总是可以用页边空白代替
顶部
和
左侧
@connexo是的，这是非常正确的，尽管它仍然会从哪里开始产生不可预测的结果，因为如果他仍然需要“定位”，这将取决于浏览器
.box
，他总是可以使用边距，而不是
顶部
和
左侧
@conneso是的，这是非常正确的，尽管它仍然会从何处开始产生不可预测的结果，因为它依赖于浏览器