html - 如果 parent 的宽度较小(无 float 或绝对定位)，防止 child 下溢

Question

我在父 div 中有两个固定宽度的 div 并排放置。如果 parent 的宽度变得小于 child 的组合宽度，我想防止将两个 div 放在另一个下面。它们应该彼此相邻，并溢出父级。

See this fiddle

如您所见，我希望两个子项通过相对定位重叠。这会在我想要消除的父项中留下很多空白。

因为我想让父级的高度适应最高的子级(假设高度变化且不固定)我不能使用float 或position: absolute; 这让它变得棘手。

我没有想法。有什么建议吗？

我希望解决方案至少包含 IE8。

Answer 1

如果我正确理解问题，只需添加属性“white-space: nowrap;”到父元素。

请参阅此 fiddle :http://jsfiddle.net/qk0qrj54/2/

#parent {
 background-color: yellow;
 width: 380px; 
 white-space: nowrap;
}