CSS定位问题。元素未显示在被调用的位置

Question

所以，CSS不是我的力量。我需要一些帮助。我正在开发一个Wordpress插件，虽然我已经关闭了PHP，但我需要帮助才能让CSS与我合作。该页面可在http://www.airupt.com/?page_id=386处查看。问题是我在搜索结果调用下面的搜索框中调用了一个短代码。这仅用于演示目的，链接将在修复后立即死亡。

请输入内容并搜索，你会明白我的意思。搜索框背景将显示在结果的顶部，而不是第一个。搜索框本身将按照预期显示在结果之后。

有谁能告诉我代码出错的地方以及如何解决？ ：d

Answer 1

您是否在多个浏览器中对此进行测试？看起来不像。回答你的问题：

给它float:left;，就像<div class="entry">

中的其他元素一样

.search-custom {
    float:left;
    /* all the other styles for search-custom that it normally has*/
}

Answer 2

我想在clear:both上设置.search-custom。

overflow:hidden会让您遇到更多/不同的麻烦，因为您的尺寸有点不足

Answer 3

在overflow:hidden; div上设置.search-custom，然后获取Firebug的副本。它会让你从80％的这些果酱中解脱出来。