两个div一个固定宽度,另一个填充满窗口

使用弹性布局实现两个div其中一个固定宽度,另一个填充满窗口


.div-box {
    display: flex;  
    height: 100px;
    line-height: 100px;
    background: pink;
    text-align: center;
}

.div1 {
    width: 100px;
    height: 100%;
    background: yellow;
}

.div2 {
    flex: 1;
    background: green;
    height: 100%;
}
<div class="div-box">
    <div class="div1">DIV1</div>
    <div class="div2">DIV2</div>
</div>

猜你喜欢

转载自blog.csdn.net/jpjp2020/article/details/81364799
今日推荐