html - 两个 div 相邻，一个有上边距

Question

我正在尝试在 html 中实现以下布局。更大的 div 1。然后是它旁边的另一个 div，顶部有一个边距。如果我给 float: left 给第一个 div，给第二个 div margin-top 也会降低 div 1。 :(

请推荐。

Answer 1

这就是你想要的，经过测试和工作:)

http://jsfiddle.net/4FWWp/

HTML

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

CSS

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

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