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

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

这是我的问题.

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

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

我发布了jdfiddle和代码.

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

HTML

CSS

  1. #wrapper {
  2. background-color: grey;
  3. height: 200px;
  4. width: 500px; }
  5. #leftDiv {
  6. background-color: purple;
  7. height: 200px;
  8. width: 250px; }
  9. #rightDiv {
  10. background-color: green;
  11. float: right;
  12. height: 250px;
  13. width: 250px; }
最佳答案
只需将ID为rightDiv的div移动到ID为leftDiv的div上方.而已.

这是WORKING SOLUTION

代码

猜你在找的HTML相关文章