Справка CSS - Как мне поместить div в верхний правый сектор другого вида div? Мне нужно сделать форму L

Question

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

//      _________ _________
//      |       | |       |
//      |       | |       |
//      |       | |       |
//      |       | |       |
//      |       | ---------
//      |        ---------|
//      |                 |
//      |                 |
//      |                 |
//      |                 |
//      -------------------
//

Есть идеи, как мне это настроить? Я думал сделать левый немного выше, а затем добавить третий деление внизу и просто растереть его под первым делением или что-то вроде этого Любые советы приветствуются. Я CSS вызов. :)

Спасибо всем, ~ ck в Сан-Диего

Answer 1

<div id="outer">
  <div id="inset">Top right</div>
  Rest of content
<div>

с:

#inset { float: right; margin-bottom: 15px; margin-left: 15px; }

Answer 2

<div id="base">
   <div id="corner">
      <!--stuff inside corner-->
   </div>
   <!--other stuff inside base-->
</div>

... где ваши стили:

#base {width: 100px; height: 100px;}
#corner {float: right; width: 40px; height: 40px; margin: 0 0 15px 15px;}