按照百分比分割页面

最新推荐文章于 2022-04-22 11:35:09 发布

怪只怪满眼尽是人间烟火

最新推荐文章于 2022-04-22 11:35:09 发布

阅读量1.1k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_38959210/article/details/78087990

版权

前端专栏收录该内容

46 篇文章 0 订阅

订阅专栏

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

首先来看下效果：

接下来看看代码：

<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>

优惠劵

怪只怪满眼尽是人间烟火

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
按照百分比分割页面

今天写一个最轻松的，怎么把一个页面按照百分比分割？首先来看下效果：接下来看看代码：按照百分比分割页面body{margin:0 auto; padding:0; height: 100%;}html { margin:0 auto; padding:0; height: 100%;} #
复制链接

扫一扫