CSS在确定父元素大小时忽略一个元素

Question

基本上，我怎样才能实现这一目标：

<div id="outerDiv">
    <div class="ignoreWidth" style="width: 20px;">20px</div>
    <div style="width: 4px;">4px</div>
    <div style="width: 8px;">8px</div>
</div>
<!-- outerDiv.style.width == 8px -->

无需硬编码外部 div 的宽度。

编辑：position: absolute用于解决宽度问题，但随后所有其他元素都移到其下方。有没有什么方法可以避免这种情况而不需要填充？

Answer 1

position为outerDivrelative和position类设置css属性ignoreWidth absolute并设置为0, 0

这应该将第一个内部 div 定位在外部 div 的左上角，并使用它自己的高度和宽度属性

在此页面的 css 文件中：

#outerDiv {
  position:relative;
}
.ignoreWidth {
  position:absolute;
  top: 0;
  left: 0;
}