Как установить положение и размер DIV, вложенных в оболочку DIV?

У меня есть следующая разметка HTML:

<div id="wrapper">
    <div id="left-div"> [Content] </div>
    <div id="top-right-div"> [Content] </div>
    <div id="bottom-right-div"> [Content] </div>
</div>

левый-div имеет большую высоту, чем верхний-правый-div и нижний-правый-div вместе взятые. Я бы хотел, чтобы левый-div всегда находился в левой части оболочки, верхний-правый-div — вверху справа, а нижний-правый-div внизу справа.

Возможно ли также, чтобы обертка регулировала свой размер в зависимости от всей внутренней <div>s высоты и ширины?

Я попытался установить absolute, float, display и overflow, но не смог добиться желаемого результата. заранее спасибо

ОБНОВИТЬ

пример использования jsfiddle: http://jsfiddle.net/sBSfp/


html nested wrapper
person CiccioMiami    schedule 18.11.2011    source источник
comment
Насколько я понимаю, HTML и компания не очень хотят заниматься такими вещами. В последней части вашего вопроса вы можете установить размер div на основе его содержимого, используя стиль display: table.   -  person Paolo    schedule 18.11.2011
comment
Я предлагаю вам создать вариант использования на jsfiddle.net.   -  person Paolo    schedule 18.11.2011
comment
@Paolo: спасибо, я создал вариант использования jsfiddle. где я устанавливаю высоту и ширину обертки, если я их уберу, она уменьшится. Вы можете найти его по адресу: jsfiddle.net/sBSfp.   -  person CiccioMiami    schedule 18.11.2011

Ответы (1)


arrow_upward
0
arrow_downward

Я обновил скрипку, чтобы реализовать то, что, как я понимаю, вы хотите сделать.

http://jsfiddle.net/sBSfp/2/

Если это не желаемый макет, опишите его дополнительно.

person Paolo    schedule 19.11.2011