2019-11-18 |

一边固定宽度一边宽度自适应

A
B
C
D
答案:

可以使用 flex 布局 复制下面的 HTML 和 CSS 代码 用浏览器打开可以看到效果

<div class="wrap">
  <div class="div1"></div>
  <div class="div2"></div>
</div>
.wrap {
  display: flex;
  justify-content: space-between;
}
.div1 {
  min-width: 200px;
}
.div2 {
  width: 100%;
  background: #e6e6e6;
}
html,
body,
div {
  height: 100%;
  margin: 0;
}

通过BFC也能实现
解释:

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论