CSS帮助 - 如何在另一个div类型的右上象限中浮动div？我需要做一个L形状

Question

我猜我需要做一些L形div吗？我目前有两个并排的浮动div，宽度和高度相同。我需要向左延伸并向右延伸。我需要保持它们之间的当前空间，大约15px，所以我想在右侧div的底部使用相同的填充模式。我打算画出我的意思。如果按照我的意愿没有遇到，我道歉。

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

我有什么想法可以设置它吗？我想要让左边的一个更高一些，然后在下面添加一个第三个div，然后在第一个div之下将其混合起来。任何提示都表示赞赏。我是CSS挑战。 :)

全部谢谢， 〜在圣地亚哥

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;}