Html 两个相邻的div，一个具有上边距

我试图用html实现以下布局。更大的一级。然后，在它旁边的另一个div顶部有一个边距。如果我给第一个div加上float:left，给第二个div加上margin top也会使div 1下降（

请建议

可能是最好、更简单的解决方案

IE从11版开始就支持它，目前所有主流浏览器都有很好的支持。也许还有一点时间，但……我认为几个月后可能会是一个非常有趣的功能

请看

看一看：

---

快速尝试一下，这似乎是可能的。 您需要的是在div上显示内联块，并将div的高度设置为百分比。 查看我的代码笔：

---

灰色背景是父分区的背景。

以下是您想要的、经过测试和工作的内容：）

HTML

<div id="first"><p>Hello<br/>Test</p></div>
<div id="second">World</div>

---

你能做一个小提琴吗？因为IE开发者可能需要再等2年不仅仅是IE，但是是的，我同意大约2年。编辑了我的答案，给出了关于兼容性的更多细节。尽管如此，快速警告：IE不支持最初没有内联的元素上的内联块。解决方案：

显示：内联块*显示：内联；缩放：1是ie7及以下…这相当于2%的用户。2%的用户被高估仍然是一个很好的解决方案，但“严格”。。。我的意思是，强制用户有固定的和预先确定的两个盒子的高度
<div id="first"><p>Hello<br/>Test</p></div>
<div id="second">World</div>

#first{
    background-color:red;
    float:left;
}

#second{
    background-color:blue;
    float:left;
    margin-top:52px;
}