CSS浮動按鈕旁邊的手風琴下拉

我想浮動一個按鈕旁邊的jQuery手風琴面板。目前，它看起來像這樣： not floating :( CSS浮動按鈕旁邊的手風琴下拉

這裏是標記

<div id="accordion" class="ui-accordion ui-widget ui-helper-reset ui-accordion-icons" style="width: 80%;" role="tablist"> 
</div> 

<div id="export" style="width:20%"> 
    <form method="post" action="/InstrumentList/Export"> 
     <div class="button-container"> 
     <button id="btnSubmit" class="ui-button-text-only ui-button ui-igbutton ui-widget ui-widget-content ui-corner-all ui-state-default" style="width: 100%;" value="Export" type="submit" role="button" aria-disabled="false"> 
     </div> 
    </form> 
</div> 

<div id="grid"> 
</div>

我已經把聯樣式中的時刻，但我會動議出一個CSS文件一次我設法得到它的工作。網格div在圖片中由淺灰色的行代表，需要保持位於深灰色行下。

來源

2011-09-01 link664

是'＃DIV accordion'浮動？我沒有在你的代碼中看到它。 – Artyom

這不是現在，這就是我所要求的 - 我需要漂浮哪些元素才能讓它們緊挨着，而下面的網格仍然保持原樣？還是應該使用除div之外的元素？ – link664

我假設你打算在打開#export div之前關閉#accordion div。

你的問題搶佔了答案：你應該能夠簡單地將float:left屬性放在每個div上。

#accordion { 
    width: 80%; 
    float: left; 
} 
#export { 
    width: 20%; 
    float: left; 
}

您可能還需要確保兩者的div的margin-left和margin-right都設置爲零。

更新：，以確保#grid不重疊的浮動元素，你應該使用它clear:both。

來源

2011-09-01 00:53:23

如果我理解正確的問題，你需要這樣的：

#accordion, #export { 
    float: left; 
} 

#grid { 
    clear: both; 
}

來源

2011-09-01 00:55:21 Artyom

CSS浮動按鈕旁邊的手風琴下拉

回答

相關問題