浮動divs裏面的位置相對格

我有一個div位置相對（id容器），裏面我有其他div（類按鈕）必須浮動：左;浮動divs裏面的位置相對格

<div id="container"> 
    <div class="buttons"></div> 
    <div class="buttons"></div> 
    <div class="buttons"></div> 
</div>

問題是，如果我設置按鈕divs float：left;他們不比較集裝箱內部，我不知道他們在哪裏，即使有螢火蟲，我找不到他們。我刪除浮動：左; div顯示出來，但是一個在另一個之下，而不是一個在另一個之後。我能怎麼做？謝謝，瑪蒂亞

來源

2012-02-23 pindol

請上傳您當前使用的CSS – lamplightdev 2012-02-23 11:13:35

的#container { 的位置是：相對的; height：13px; top：441px; left：1057px; } .buttons { width：9px; height：9px; background-image：url（../ images/slider-cmd-not-hp.png）; margin-top：2px; margin-right：5px; display：inline-block; } – pindol 2012-02-23 11:53:14

容器應該是相對於什麼？爲什麼你需要頂部的容器441px和左邊的1057px？你試圖達到什麼樣的效果，我們可能會爲你做一個樣品。 – Robert 2012-02-23 12:07:24

您可以設置按鈕類的樣式爲display: inline-block;或使用跨度。

編輯：

我已經爲你組裝了一個jsfiddle示例。
http://jsfiddle.net/2t87P/

你應該能夠調整CSS我希望這可以幫助。

我還會看看其他人開發的一些幻燈片插件，因爲我的示例並不是一個很好的開始。

http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/

來源

2012-02-23 11:17:22 Robert

我試過，但它不工作:(我想我會做跨度如果我不會找到解決方案。 – pindol 2012-02-23 11:53:29

浮動divs裏面的位置相對格

回答

相關問題