CSS在确定父级大小时忽略一个元素[重复]

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

<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致力于解决宽度问题，但随后所有其他元素都移到了它的下面。有没有什么方法可以避免这种情况而不需要填充？

制作CSSposition外层Div的属性relative和position为班级ignoreWidth absolute并设置为 0, 0

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

在此页面的 css 文件中：

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