Question

css3 flex布局按照比例分成四部分为什么右边会有一块空白

Answer 1

<style>
    .a { display: flex; background-color: #000; }
    .a div { height: 50px; }
    .a .a1 { flex-grow: 1; background-color: #c00; }
    .a .a2 { flex-grow: 2; background-color: #008000; }
    .a .a3 { flex-grow: 3; background-color: #ff7f50; }
    .a .a4 { flex-grow: 4; background-color: #ff1493; }
</style>
<div class="a">
    <div class="a1">
    </div>
    <div class="a2">
    </div>
    <div class="a3">
    </div>
    <div class="a4">
    </div>
</div>

 

Answer 2

浏览器默认body的边距。