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

Question

我想我需要制作某种类型的 L 形 div？我目前有两个并排的 float div，它们的宽度和高度相同。我需要将左边的向下延伸并围绕右边的延伸。我需要保持它们之间的当前空间，大约 15px，所以我想在右侧 div 的底部使用相同的填充模式。我将尝试画出我的意思。如果没有按照我的预期出现，我深表歉意。

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

有什么办法可以设置吗？我正在考虑让左边的高一点，然后在下面添加第三个 div，然后将它混合在第一个 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; }