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

发布时间：2020-12-14 23:07:40 所属栏目：资源来源：网络整理

导读：这是我的问题. 我有一个包装div(宽度：800px和高度：250px),它包含两个占用高度所有空间并将宽度分成两半的div. 我设置了我的css,将右边的div浮动到浮动：右边,这一个出现在它应该的位置,但是在另一个的“下方”,超过了包装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
代码：



                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!