將元素添加到非包裝容器，在左側溢出

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;} 

希望這有助於。