如何排列我的CSS DIVs
如何排列我的CSS DIVs
提问于 2012-03-04 13:07:55
我有以下CSS和HTML：
div#actionList { float: left; height: 25px; margin: 10px; padding: 0px; }
div#actionList div { float: left; }
<div id="bdy">
<div id="actionList" class="btn1" >
<div>xx</div>
<div style="margin: 0 0 0 20px;">AAA</div>
<div style="margin: 0 0 0 5px; ">BBB</div>
</div>
<div id="detailData">
CCC
</div>
</div>这将显示为：
AAA BBB CCC我想要做的是将此显示为：
AAA BBB
CCC有没有人能告诉我怎么做。我怎样才能让detailData的data在"actionList“信息下面开始。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-03-04 13:10:25
div#detailData { clear : both; }这将把#detailData div放在它自己的行上：
clear CSS属性指定元素是可以紧挨着它前面的浮动元素，还是必须在它们下面移动(清除)。
来源：
和一个演示：http://jsfiddle.net/KBges/
Stack Overflow用户
发布于 2012-03-04 13:11:14
尝试将clear: both；添加到id为detailData的css
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9552492
复制相关文章
相似问题
腾讯云开发者
