将移动端页面分成上下两个背景颜色

最新推荐文章于 2024-08-08 10:05:16 发布

转载最新推荐文章于 2024-08-08 10:05:16 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dyy-dida/p/9105385.html

文章标签：

#php #游戏 #前端 #ViewUI

本文介绍了一种使用CSS进行页面布局的方法，通过设置不同区域的高度和背景颜色来实现上下两部分的分隔显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style type="text/css">
	*{
		margin:0;
		padding:0
	}
	body,html{
		width:100%;
		height:100%;
		overflow: hidden;
		background-color:#00f;
	}
	.content{
		width:100%;
		height:100%;
	}
	.top{
		height:750px;
	}
	.bottom{
		height:44%;
		background-color:#f00;
	}
</style>
<div class="content">
	<div class="top"></div>
	<div class="bottom"></div>
</div>