初学css,怎么能获得这样的效果，调试了半天，都不行，请高人指点下！_html/css_WEB-ITnose

我想实现的效果是，

1.红色的div和蓝色的div并列，当页面宽度变化的时候，红色的div的宽度固定，蓝色的div宽度自适应
2.绿色的div宽度固定，当宽度不够的时候，绿色的div能换行排列，现在这个没问题

现在的情况是，红色的div经常跑到蓝色下面去，如图:


请教如何调整？另外，黑色的div为什么只显示那么一点点?不是应该把蓝色和红色都覆盖吗？他是最顶层的div啊？

回复讨论(解决方案)

红色div float:right

红色div float:right

不行呢，换成right,还是在下面，只是变成靠右边了

定义宽度

定义宽度

谢谢！但是我不想定义divquery的宽度，因为我已经制定了divbtn的宽度，那么divquery的宽度就是剩余的部分了，如果指定宽度，或者用百分比，可能会导致页面有留白的部分,我希望他们能无缝的合并在一起呢

给分吧。。