динамически открываемые ящики справа налево от контейнера

Question

У меня есть контейнер div, внутри которого я хочу динамически создавать другие блоки (div), используя jquery.Каждый новый ящик должен располагаться слева от других открытых ящиков.Все работает нормально, за исключением того, что ящики открываются с правой стороны от других открытых ящиков.Вот как я это сделал до сих пор:

#container{

    overflow-y:hidden;
    white-space:nowrap;
    border:none;
    position:relative;
    z-index:998;
    overflow:hidden;
    float:left;
    display:table-row;
    vertical-align:bottom;
}
.box{

    z-index:997;
    vertical-align:bottom;
    width: 225px;
    position:static;
    border:1px solid #666666;
    /*next lines are added to force boxes go to bottom when minimized-cross browser solytion*/
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

есть предложения?

Answer 1

Вместо добавления их (я предполагаю, что вы) используйте prepend, чтобы добавить новый элемент в начале.

var newEl = $('<div>',{class:'box', text:'whatever..'});
$('#container').prepend( newEl );

демо в http://www.jsfiddle.net/gaby/acnNe/

Answer 2

Вероятно, проще всего использовать .prepend () :

$('#container').prepend( '<div class=".box">Some content</div>' );

Это вставит новое поле как первый дочерний элемент контейнера - перед любыми другими модулями в контейнере.

Answer 3

если вы используете jQuery, вы должны использовать $.insertBefore() для вставки новых DIV в начале серии.

http://api.jquery.com/insertBefore/

Answer 4

Думал ли ты о плавающем праве:

#container{
float: right
}