html - 如何将 2 个 div 放置在一个更大的 div 中？

Question

我正在尝试重新创建:但是，我无法定位所有内容。解决这个问题的最佳方法是什么？

当前的 HTML:

<div id="container">
  <div class="wrap">
    <div id="interview">
          <h1>INTERVIEW: JOHN HUNT</h1>
        </div>
      <div id="article">
        <h2>ARTICLE: WOMEN IN SURFING</h2>
      </div>
</div>

当前的 CSS:

#container{
width:918px;
height:429px;
background-color:#cdcccc;
clear:both;}

.wrap{
width: 620px;
margin-left:10px;
margin-top:10px;}

#interview{
width:652px;
height:179px;
background-color:#FFF;}

#article{
width:652px;
height:179px;
background-color:#FFF;}

Answer 1

默认情况下，div 元素彼此重叠，因此如果您希望订阅部分位于右侧，则必须将其 float 到右侧。

然后将您的左侧 div 包裹在父容器 div 中。这是基本思想。