会打代码的扫地王大爷
2016-01-25 11:10
采纳率: 33.3%
浏览 2.4k

html 两块div,左侧div固定宽度,右侧div宽度如何填满右侧剩余部分

html 两块div,左侧div固定宽度200px,右侧div宽度如何写才能填满浏览器右侧部分(除了calc的方法外)

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

8条回答 默认 最新

  • faith_hello 2016-01-25 11:15

    第一种方法☞设置宽度为100%,,,
    第二种方法☞得到你浏览器的宽度,然后减去你第一个div的固定宽度,剩下的值就是第二个div的宽度

    打赏 评论
  • chen529834149 2016-01-25 12:56

    第一个div如果设置边框减去边框的宽度,在浮动就ok了。

    
    
    打赏 评论
  • Antway_ 2016-01-25 13:18

    只能通过百分比进行填充设置了

    打赏 评论
  • 青春逝如流水 2016-01-25 14:14

    可以把这两个div放在同一个div中……然后设置这个div的宽度……最后用它的宽度减二百就可以了……至于这个div的宽度可以略小于屏幕宽度……相当于留白了……

    打赏 评论
  • 兔子托尼啊 2016-01-26 01:33
    打赏 评论
  • 容器relative定位,200px那个absolute定位,右边的margin-left:200px

    
    <!DOCTYPE html>
    <div style="position:relative">
        <div style="position:absolute;left:0;top:0;width:200px;background:#eee;height:300px">left</div>
        <div style="margin-left:205px;background:#ccc;height:500px">right</div>
    </div>
    
    打赏 评论
  • 黯雅悸动 2016-01-26 18:52

    第二个div相对定位,然后width:100%填充

    打赏 评论
  • 言葉i 2016-01-28 07:55

    解决方法:
    //如下布局div,注意left和right的上下位置

    //css
    .left{
    min-height:50px;
    border:1px solid #f69;
    overflow:hidden;
    }
    .right{
    min-height:50px;
    border:1px solid #09f;
    float:right;
    width:250px;
    }

    打赏 评论

相关推荐 更多相似问题