css – 浮动右边的div:右边的左边是一条线

前端之家收集整理的这篇文章主要介绍了css – 浮动右边的div:右边的左边是一条线前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

这是我的问题.

我有一个包装div(宽度:800px和高度:250px),它包含两个占用高度所有空间并将宽度分成两半的div.

我设置了我的css,将右边的div浮动到浮动:右边,这一个出现在它应该的位置,但是在另一个的“下方”,超过了包装div空间(甚至不应该是可能的).

我发布了jdfiddle和代码.

JS Fiddle http://jsfiddle.net/FV9yC/

HTML

CSS

#wrapper {
    background-color: grey;
    height: 200px;
    width: 500px; }

#leftDiv {
    background-color: purple;
    height: 200px;
    width: 250px; }

#rightDiv {
    background-color: green;
    float: right;
    height: 250px;
    width: 250px; }
最佳答案
只需将ID为rightDiv的div移动到ID为leftDiv的div上方.而已.

这是WORKING SOLUTION

代码

猜你在找的HTML相关文章