html - 两个元素之间奇怪的额外空间？

Question

我尝试为网站构建响应式设计，但遇到了问题。

访问此页面:http://test.ufeed.se/

将您的浏览器大小更改为 820 像素以下，您将看到响应式设计。这里的问题是我在数据和标题之间有一个奇怪的空格？我试图找到为什么有空间但没有运气？

这是该部分的简单标记:

<div class="rightPostCell">
        <div class="titleCon">
            <div class="linkIcoCon">
               ...
            </div>
            <div class="floatLeft">
               ...
            </div>
        </div>
        <div class="data dimText">
            <div class="commentsCon">
                ...
            </div>
            <div style="clear:both;"></div>
            <div class="createdDateCon">
                ...
            </div>
            <div style="clear:both;"></div>
            <div class="baseLinkCon">
                ...
            </div>
        </div>
    <div style="clear:both;"></div>
    </div>

为什么标题和数据之间有一个空格？我该如何删除它？

Answer 1

看起来是 float 问题(我发现每次使用 float 时都会出现问题，通常我更喜欢 display: inline-block 因为它引入了更少的像这样的奇怪错误)- 如果我禁用数据上的 clear: both，它会正确地放置到位。