如果我了解您要正确执行的操作，那么我认为使用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;}
