css – 两个div浮动在另一个之上

前端之家收集整理的这篇文章主要介绍了css – 两个div浮动在另一个之上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图把两个div放在父div的右边.这样的事情
div#top 
|-------------------------------------||------------|
|div#parent                           ||div#menu    |
|                          |---------|||float:right |
|                          |div#up   |||            |
|                          |         |||            |
|                          |---------|||------------|
|                                     |
|                          |---------||
|                          |div#down ||
|                          |         ||
|                          |---------||
|-------------------------------------|

任何想法如何使用css?我不能使用表格,因为div#up被添加到主页面(ASP.NET)中,并且div#down被添加内容中. Div#parent是具有一些最小宽度集的液体,并且包含不应该被这些div重叠的内容,所以我认为position:absolute也是这个问题.

另一个细节:在div#parent的左侧和右侧,ale divs左右浮动菜单.所以添加清楚:左/右对div#下浮动右边把它放在这些菜单之一…

解决方法

您需要确保父区块(在您的情况下为#parent)成为divs #up和#down的块格式化上下文,因此任何清除只发生在块格式上下文中,并忽略其外的浮点数.这样做最简单的方法通常是让#parent float,或者给它除了可见的溢出.

http://www.w3.org/TR/CSS2/visuren.html#block-formatting

这里有一些证明,这次我得到了正确的:http://jsfiddle.net/Pagqx/

对困惑感到抱歉.

猜你在找的CSS相关文章