如果div更宽切割div的左侧

Question

我找不到类似的东西，这就是我需要你帮助的原因。

我正在尝试做类似于this

的事情

这个想法是内部div向左浮动，但是当它变得比父级更宽时，它会粘在父级的右侧，而左侧的一部分变得隐藏起来。而且因为内容动态我不能在需要时改变浮动。我尝试了至少十种不同的方法，但仍然无法弄清楚。

Answer 1

这个怎么样：

<div id="first">
  <div>
    Hello World!
  </div>
</div>
<div id="second">
  <div>
    Hello World! Hello World!
  </div>
</div>

通过添加额外的div，您可以获得所需的结果，添加以下CSS：

body > div > div {
  min-width: 100%;
  float: right;
}

由于最小宽度，文本将保持在左侧，除非它变得比它的容器大。除此之外，没有任何改变。

查看已修改的jsbin