如何用三个div分割屏幕

Question

如何通过以下要求拆分三个div的屏幕: - 主div应覆盖整个屏幕(100%x100%) - div之后的div应覆盖主div(每个子div = 33%)

我试着这样做:

    <div style="width:100%; height :100%;  background-color:Lime;">
    sss
        <div style="width:100%; height:34%; background-color:Blue;">
        a
        </div>
        <div style="width:100%; height:33%; background-color:Gray;">
        b
        </div>
        <div style="width:100%; height:33%; background-color:Aqua;">
        c
        </div>        
    </div>

Answer 1

您需要设置的高度body和html100%.看到这个小提琴.