CSS - получение ширины от DIV до последнего

Question

У меня есть элемент Select2 на странице с кнопкой справа, и я хочу, чтобы Select2 занимал все пространство, за исключением того, что делает кнопка. Проблема в том, что Select2 вводит свое форматирование после активации, и я не могу понять, как обойти это.

Вот что у меня есть:

<ul style="width:100%"> 
<li> 
    <label style="display:inline">From: </label> 
    <div class="select2-container select2-container-multi test" style="width:0px"> 
    <ul class="select2-choices">... 

Я хочу Select2-выбор быть 90% от стоимости первой ул но если я ставлю

.test .select2-choices { 
    width:90%; 
} 

, то он дает мне 90% от предыдущего DIV, который 0px. Есть ли способ получить ширину для «select2-choice» из первой ul, а не из родительского div?

Answer 1

Не с CSS. Для этого вам нужно будет использовать javascript. Есть ли определенная причина, по которой вам нужен ваш родитель, чтобы иметь ширину 0px?

Редактировать: Вы можете сделать что-то подобное в jQuery. Я не рекомендую жестко кодировать процент, но это должно заставить вас идти.

$(document).ready(function(){ 
    $(window).on('resize',function(){ 
     var $choices = $('.select2-choices'); 
     var parentWidth = $choices.parents('ul').width(); 
     $choices.width(parentWidth*.9);   
    }).trigger('resize'); 
}); 

http://jsfiddle.net/BAGkD/