将元素添加到非包装容器，在左侧溢出

Question

我需要使用JS将元素添加到容器。当内部元素的总宽度大于包装DIV的宽度时，最左边的元素应该消失在左侧。

我想我能够通过使用

p { 
    border: 1px solid red; 
    display: inline-block; 
    float: left; 
    margin: 1px; 
    padding: 0; 
    white-space: nowrap; 
} 

，以获得预期的效果，但它不工作，因为元素是浮动的下一行。

小提琴：http://jsfiddle.net/RqU3E/2/

感谢任何意见！

Answer 1

this solution怎么样？

需要使用具有一个固定的宽度/高度和溢流的元件来包装容器：隐藏：

width: 200px; 
height: 23px; 
overflow: hidden; 
position: relative; 

只要容器的宽度大于所述包装物的宽度大，对齐该容器封装器（通过JS）的右侧：

position: absolute; 
right: 0px; 

Answer 2

这是solution。

更改CSS：

.container{display:table;} 

希望这有助于。