2 деления в дел. Один с шириной%, другой с авто

Question

2 деления в дел. Один с шириной%, другой с авто

0

<div id="one"> 
     <div id="two">
          content
     </div>
     <div id="three">
          content2
     </div>
</div>

У меня 3 divs. Два div в одном

#one { max-width:1000px; }
#two { width:80%; }
#three { min-width:20%; }

Я хочу изменить отображение атрибута: none; динамически в wordpress (widget) #two, а затем #three должен иметь ширину 100%.

Как это сделать?

user3045185 28 нояб. 2013, в 11:06

Источник

0

Вы на самом деле пробовали width: auto на #three? Ваш CSS неполный.
Pierre Arlaud 28 нояб. 2013, в 09:35

Теги:

html

css3

width

1 ответ

Ещё вопросы

Вы на самом деле пробовали width: auto на #three? Ваш CSS неполный.

Moob · Accepted Answer · 2013-11-28T06-40-00.000Z

Самое простое решение, вероятно, использовать компоновку таблицы CSS. Просто измените ширину #two как вам будет угодно. Когда вы устанавливаете #two отображения #two для display:none, #three автоматически становится 100% при необходимости.

#one {
    display:table;
    max-width:1000px;
    width:100%;
}
#two {
    display:table-cell;
    width:80%;
}
#three {
    display:table-cell;
}

Демо-версия JSFiddle