html - 如何用三个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 和html 的高度设置为100%。看这个fiddle .