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浮动按钮旁边的手风琴下拉

回答

相关问题