在CSS中，在父容器上设置overflow:hidden是为了允许它随着浮动子容器的高度而扩展.
但它还有另一个有趣的特点，当它与margin: auto.
如果前一个同级元素是一个浮动元素，它实际上会与它并置.也就是说，如果同级为float:left，那么包含float:none overflow:hidden的容器将出现在同级的右侧，没有换行符——就像它在正常流中浮动一样.如果前一个同级为float:right，则容器将显示在同级的左侧.调整此容器的大小将准确地显示它在浮动元素之间的中心位置.假设你之前有两个sibling 姐妹，一个是float:left，另一个是float:right，容器将显示在这两个sibling 姐妹之间的中间.
这是problem...
How do I maintain that type of layout WITHOUT masking children?个
通过在网上搜索，我找到了如何扩展容器的方法...但我找不到任何替代方案来保持左/右上一个子元素的居中.如果将容器设置为overflow:visible，则容器会突然忽略浮动元素的布局流，并在浮动元素的顶部显示为分层.
因此，question:
我必须有overflow:hidden个容器来保存布局...
我怎样才能让子元素们不戴面具？我需要让子元素相对于容器外的父母绝对定位.
或
如何才能将子级相对于父级绝对定位在容器之外……还能保留sibling 浮子一样的布局流吗？