今天写一个最轻松的,怎么把一个页面按照百分比分割?
首先来看下效果:
接下来看看代码:
<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>