Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css html div位置绝对继承?_Css_Html - Fatal编程技术网

Css html div位置绝对继承?

Css html div位置绝对继承?,css,html,Css,Html,如果我的第一个部门是“职位:绝对”,第二个部门会继承这个吗 <div class="positionab">test 1 </div> <div class="secondiv"> test 2 </div> .postionab{ position: absolute; left:0px; } 测试1 测试2 .邮递员{ 位置:绝对位置; 左:0px; } 当测试2在屏幕上呈现时,它位于最左上角。。为什么会这样?位置:绝对的永远不会

如果我的第一个部门是“职位:绝对”,第二个部门会继承这个吗

<div class="positionab">test 1 </div>

<div class="secondiv">  test 2 </div>


.postionab{

position: absolute;
left:0px;
}
测试1
测试2
.邮递员{
位置:绝对位置;
左:0px;
}

当测试2在屏幕上呈现时,它位于最左上角。。为什么会这样?

位置:绝对的
永远不会被继承,即使是子元素也不会

为什么会这样

因为
secondiv
不是
positionab
的子项。它们是完全独立的实体

如果要将
secondiv
放置在
positionab
的左上角,请将其设置为子对象

<div class="positionab">
 test 1 

 <div class="secondiv">  test 2 </div>

 </div>

测试1
测试2

位置:绝对的
永远不会被继承-即使是子元素也不会

为什么会这样

因为
secondiv
不是
positionab
的子项。它们是完全独立的实体

如果要将
secondiv
放置在
positionab
的左上角,请将其设置为子对象

<div class="positionab">
 test 1 

 <div class="secondiv">  test 2 </div>

 </div>

测试1
测试2

否,第二个
div
不继承
位置
属性

第二个元素位于左上角的原因是它上面的流中没有其他元素。通过对第一个元素应用
position:absolute
,可以将其从流中取出


绝对定位的元素不会影响其子元素以外的任何其他元素的位置。绝对定位的元素有时被称为层,它描述了它在页面中的存在方式,而不影响元素的正常流动。

否,第二个
div
不继承
位置属性

第二个元素位于左上角的原因是它上面的流中没有其他元素。通过对第一个元素应用
position:absolute
,可以将其从流中取出


绝对定位的元素不会影响其子元素以外的任何其他元素的位置。绝对定位的元素有时被称为层,它描述了它在页面中的存在方式,而不影响元素的正常流动。

+1我的答案中缺少流动部分的提取,这是正确的。+1我的答案中缺少流动部分的提取,这是正确的。