两个div,一个固定宽度,一个充满另一部分。

两个div,一个固定宽度,一个充满另一部分。




  1. <divclass="div-box">

  2. <divclass="div1">DIV1</div>

  3. <divclass="div2">DIV2</div>

  4. </div>



.div-box {
display: flex;
height: 100px;
line-height: 100px;
background: black;
text-align: center;
}
.div1 {
width: 100px;
height: 100%;
background: red;
}
.div2 {
flex: 1;
background: green;
height: 100%;
}


相关标签:


评论: