css - 如何水平裁剪文本？

Question

我需要将我的内容放在特定的容器中。如果内容水平增加，容器应该裁剪，如果内容垂直增加，容器应该扩展。这是我的代码:

<div style="padding:10px; width:602px; background:gold; clip: rect(0px, 602px, auto, 0px);">
  <div style="padding:10px; width:1000px; background:pink">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
  </div>
</div>

我也尝试过使用溢出，但效果不佳。

这是我的实际代码 http://jsfiddle.net/QeahW/7/下拉 div 未显示在关于公司链接下。不知道如何解决它。

Answer 1

你是说你想要这样吗？ : http://jsfiddle.net/N4qvK/

我删除了内部容器上的宽度，以便内部 block 始终与外部 block 保持宽度一致。