Html 如果父母';宽度较小(无浮动或绝对定位)

Html 如果父母';宽度较小(无浮动或绝对定位),html,css,Html,Css,我在父div中有两个固定宽度的div,它们相邻放置。如果父div的宽度小于子div的合并宽度,我希望防止将这两个div放置在另一个div下。它们应该挨在一起,并溢出父级 正如你所看到的,我希望两个孩子用相对定位重叠。这在父级中留下了很多空白,我想消除这些空白 因为我想让父母的身高适应最高的孩子(假设身高发生变化且不固定),所以我不能使用float或position:absolute这使得它很棘手 我没有主意了。有什么建议吗 我希望解决方案至少包括IE8。如果我正确理解了这个问题,只需在父元素中

我在父div中有两个固定宽度的div,它们相邻放置。如果父div的宽度小于子div的合并宽度,我希望防止将这两个div放置在另一个div下。它们应该挨在一起,并溢出父级

正如你所看到的,我希望两个孩子用相对定位重叠。这在父级中留下了很多空白,我想消除这些空白

因为我想让父母的身高适应最高的孩子(假设身高发生变化且不固定),所以我不能使用
float
position:absolute这使得它很棘手

我没有主意了。有什么建议吗


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

如果我正确理解了这个问题,只需在父元素中添加属性“white space:nowrap;”

看这把小提琴:


–非常不清楚你在问什么。一个关于你想要什么的例子或者其他地方的一些例子会很有帮助。如上所述,我很难理解你所追求的确切行为。另外,在将来链接JSFIDLE时,请包含一些示例代码。谢谢。啊,谢谢你!只有当涉及到文本时,我才会想到这个属性。我从来没有想过这样使用它!
#parent {
 background-color: yellow;
 width: 380px; 
 white-space: nowrap;
}