开发者社区 问答 正文

一个div内含三个div,内部三个div向左浮动,最后一个自适应大小

在页面body里有一main层div,里面有三块div:left,Middle,right;全部向左浮动,最左边两个left,Middle,固定宽度,让最后一个div自适应剩余的空间,理想图如图:
screenshot
而我现实出现成这样,如图最右边的只有一小块,不知道怎么设置成充满,而且,由于屏幕的分辨率会变,最右边的还容易跑到最下边去,如图:
screenshot
求各位大神指导....

展开
收起
小旋风柴进 2016-03-13 11:24:43 2703 分享 版权
1 条回答
写回答
取消 提交回答
  • 你要用js动态计算右边的宽度罗。。要么就是用百分比

     <doctype html>
    <style>
        .div1,.div2{float:left;width:15%;}
        .div3{float:right;width:70%}
    </style>
    <div class="div1">div1</div>
    <div class="div2">div2</div>
    <div class="div3">div3</div>
    2019-07-17 19:02:16
    赞同 展开评论
问答分类:
问答地址: