CSS:如何将两个div框相互放置?

时间:2014-01-17 23:01:43

标签: html css

我正在使用商店CMS创建的网站。在开始页面上,同一级别上有两个div框,按以下顺序显示:

  1. DIV-box“容器” - >包含金条的图像
  2. DIV-box“custom_text” - >包含文字
  3. 屏幕截图显示:http://de.tinypic.com/view.php?pic=11ratd5&s=5#.Utm1FhCIXrc

    我的目标:通过将“custom_text”框放在图像“容器”框中,使文本显示在金条旁边。我怎样才能用CSS实现呢?

4 个答案:

答案 0 :(得分:0)

请使用:

<div id="div1">
    <div id="div2">
        <p>2 divs</p>
    </div>
</div>

你可以将一个div放到另一个div中!

答案 1 :(得分:0)

您可以编辑包含div的宽度,并使用另一个div将文本发布到一侧。

答案 2 :(得分:0)

我已经解决了:我把.imagemap放在.container-div里面“绝对!重要”......

答案 3 :(得分:0)

想象一下HTML是这样的:

<强> HTML

<div class="outer-box">
    <div class="inner-box">Box 1</div>
    <div class="inner-box">Box 2</div>
</div>

您可以通过设置<div>将两个内部position: absolute;放在一起。如果你想让它们保持在当前位置而不是粘在顶部或其他地方,你应该用外盒包装它并为包装器设置position: relative;

<强> CSS

.outer-box {
    position: relative;
}

.inner-box {
    position: absolute;
}

如果您没有为外框执行position: relative;,则内框(top:0; left:0;)的默认位置将成为其最近父级的实际位置,并在页面上显示relative或只是<body>

相关问题