gpt4 book ai didi

html - 为什么位置的 div 默认值是静态的而不是相对的?

转载 作者:搜寻专家 更新时间:2023-10-31 08:45:02 27 4
gpt4 key购买 nike

<分区>

就像标题一样,为什么 div(或 p 或 html 中的任何其他元素)将“position: static”作为默认值?为什么不是“position:relative”?我没有看到在我的 CSS 中使用“position: static”有任何好处。使用“position: relative”在 html 中定义所有 div 元素是否安全?

编辑:我很清楚静态、相对、绝对和固定定位之间的区别。但主要问题是为什么 div 或任何其他 html 元素的默认定位是静态的?这个例子:

HTML

<div class="div1">
<div class="div2">
<div class="div3">
<div class="div-last"></div>
</div>
</div>
</div>

CSS

.div1 {
width: 700px;
height: 700px;
background-color: #000;
position: relative;
}
.div2 {
width: 600px;
height: 600px;
background-color: #333;
position: relative;
top: 20px;
left: 20px;
}
.div3 {
width: 500px;
height: 500px;
background-color: #777;
position: absolute;
right: 0;
top: 30px;
}
.div-last {
width: 400px;
height: 400px;
background-color: #AAA;
position: absolute;
bottom: 20px;
left: 20px;
}

表明我不需要单个静态定位来按我的意愿排列我的 div。这是一个 jsfiddle上面的代码。对不起我的土 bean 英语。 :D

编辑#2:相关问题的答案是:“是的,是的。如果您尝试绝对定位一个元素,它会相对于最近的祖先定位,该祖先的 CSS 位置不是静态的。

如果每个元素都有 position:relative,这将是直接父元素。

但是您可能希望相对于 DOM 树中更靠上的元素定位绝对元素,或者绝对定位在页面主体上。”

所以,我不想/不需要“将绝对元素相对于 DOM 树中更靠上的元素定位,或者可能绝对定位在页面主体上。”,是否还有其他我需要知道的技术预防措施我让所有 div 都是相对的?

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com