如何在相对于另一个 div 正确浮动的同时正确定位 div答案

【问题标题】：How to properly position a div while floating it right in respect to another div如何在相对于另一个 div 正确浮动的同时正确定位 div
【发布时间】：2013-12-03 02:47:59
【问题描述】：

如果问题措辞不正确，我深表歉意。不知道怎么问。用许多不同的方式写出来。

为了更好地理解这里是一个图像。 http://imgur.com/J1j418n

我在容器 div 中向左浮动一个 div，在右侧浮动一个 div。（将标题 div 浮动到左侧以及命名资源）右侧浮动 div 是地图。我想将它向上移动 20 或 30 像素，使其距离容器 div 的顶部只有 5 像素，就像标题 div 在它的左侧一样。我想这样做，同时仍然将左 div（链接）浮动到地图 div 的左侧。不在它之下。阅读起来可能会令人困惑，但图像说明了它的简单性。如何将地图 div 向上滑动，使其距离容器 div 的顶部边框仅 5 像素，就像标题 div 在左侧一样

提前致谢！

【问题讨论】：

你试过什么代码？负边距可能是一种快速简便的解决方法。
不知道为什么我没有想到这一点。这完全符合我的需要。谢谢。想回答吗？

标签： css html

【解决方案1】：

尝试在地图div 上使用负边距。轻松愉快。

【讨论】：

【解决方案2】：

创建两个包含 DIVS
给他们两个CSS“显示”值inline-block
享受吧。

<div id='l' style="display:inline-block">
     <h2>A Header</h2>
     <p>This is a description...etcetera</p>
</div>
<div id='r' style="display:inline-block">
     <div id='theMap'></div>
</div>

由于某种原因，它似乎只在我将它们都浮动到左侧时才起作用。 http://jsfiddle.net/hX5eB/1/

【讨论】：

也感谢您的回答。我也投了赞成票。它也有效。