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