如何水平裁剪文字？

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/下拉列表未显示在公司链接下。不知道如何解决它。

Answer 1

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

我移除了内部容器上的widt，以便内部块始终保持带有宽度的外部块。