开发者社区> 问答> 正文

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

小旋风柴进 2016-03-16 09:05:31 1504

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

分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:03:19

    容器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>
    0 0
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章