html - 顶部和底部 div 之间的差距 - 如何摆脱它？

Question

如何让我的“TextDiv”位于“TopDiv”的正下方？两个 div 之间有一个奇怪的差距，是否有 CSS 原因？谢谢

[抱歉，不得不添加这个额外的评论，否则我的主题不会发布。]

Answer 1

您有三个独立的 div，它们都向左浮动。第三个被第二个的高度压低。

尝试将第一个和第三个放在一个 div 中，然后在其旁边 float 第二个。

<style>
   #leftWrap { float: left; }
   #topRight { float: left; }
</style>

<div id="leftWrap">
   <div id="topLeft"></div>
   <div id="textDiv"></div>
</div>
<div id="topRight"></div>