如何通过以下需求实现三个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>
最佳答案
您需要将body
和html
的高度设置为100%。看这个fiddle .
关于html - 如何用三个div分屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6582439/