我正在使用商店CMS创建的网站。在开始页面上,同一级别上有两个div框,按以下顺序显示:
屏幕截图显示:http://de.tinypic.com/view.php?pic=11ratd5&s=5#.Utm1FhCIXrc
我的目标:通过将“custom_text”框放在图像“容器”框中,使文本显示在金条旁边。我怎样才能用CSS实现呢?
答案 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>
。