2012-04-25 44 views
0

所以,CSS不是我的實力。我需要一些幫助。我正在開發一個Wordpress插件,並且當我關閉PHP時,我需要幫助讓CSS與我一起工作。該頁面可以在http://www.airupt.com/?page_id=386處看到。問題在於我在搜索結果調用下方的搜索框中調用了簡碼。這僅用於演示目的,鏈接將在修復後立即死亡。CSS定位問題。元素沒有顯示在哪裏叫

請鍵入內容並進行搜索,您會看到我的意思。搜索框背景將顯示在結果的頂部,位於第一個結果的上方。如預期的那樣,搜索框本身將出現在結果之後。

任何人都可以告訴我代碼出錯的地方以及它如何修復嗎? :D

+1

歡迎堆棧溢出。如果您在此處包含有限的代碼測試用例,而不是僅僅指向我們的開發頁面,則會得到更好的響應。同時告訴我們你的嘗試。你可能想閱讀[如何問](http://stackoverflow.com/questions/how-to-ask)。 – steveax 2012-04-25 16:50:46

回答

0

在你的.search-custom div上設置overflow:hidden;,然後去獲得Firebug的副本。它會讓你從這些果醬的80%中解脫出來。

+0

得到了螢火蟲。不幸的是,我的普通機器在商店裏,所以我無法使用我通常所做的所有工具。 – 2012-04-25 17:05:56

+0

男人,男人。你使用Chrome嗎?如果是這樣,它預裝了一個類似Firebug的工具。點擊'ctrl + shift + i'來訪問它。 – 2012-04-25 17:09:10

1

您是否在多個瀏覽器中測試了這一點?它看起來並不像它。要回答你的問題:

給它一個float:left;,像其餘元件在<div class="entry">

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

我想說而設置clear:both.search-custom

overflow:hidden將讓你進入更多的/不同的麻煩,因爲你的規模已經超出了

+0

謝謝,夥計。像魅力一樣工作。 – 2012-04-25 17:06:27