按照百分比分割页面

来源:互联网 发布:电动牙刷当跳蛋 知乎 编辑:程序博客网 时间:2024/06/18 16:47

今天写一个最轻松的,怎么把一个页面按照百分比分割?

首先来看下效果:



接下来看看代码:

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>按照百分比分割页面</title><style>body{margin:0 auto;    padding:0;    height: 100%;}html {    margin:0 auto;    padding:0;    height: 100%;}         #a{ height:60%; border:1px solid red; } #b{ height:40%; border:1px solid black; }</style></head><body><div id='a'></div><div id='b'></div> </body></html>