位置：绝对身高和父母身高？

位置：绝对身高和父母身高？

如果我了解您要正确执行的 *** 作，那么我认为使用CSS保持孩子的绝对位置是不可能的。

绝对定位的元素已从文档流中完全删除，因此它们的尺寸不能更改其父级的尺寸。

如果 确实 必须在将子代保持为的同时实现这种影响，则

position:absolute

可以使用Javascript通过在呈现后定位绝对子代的高度，并使用其来设置父代的高度来确定高度。

或者，只需使用

float: left

/

float:right

和页边距即可获得相同的定位效果，同时将子级保留在文档流中，然后可以

overflow:hidden

在父级上使用（或任何其他clearfix技术）以使其高度扩展到其子级。

article {    position: relative;    overflow: hidden;}.one {    position: relative;    float: left;    margin-top: 10px;    margin-left: 10px;    background: red;    width: 30px;    height: 30px;}.two {    position: relative;    float: right;    margin-top: 10px;    margin-right: 10px;    background: blue;    width: 30px;    height: 30px;}