小技巧1 - css使div全屏

你是否为全屏下的出现的滚动条而烦恼？为单页面全屏展示而疑惑。。。

下面就让我带你用css实现div全屏展示

 

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>css使div全屏</title>
	<style type="text/css">
		html,body{
			height: 100%; /*关键在于这句，避免inherit样式影响*/	
			margin: 0;padding: 0;
		}
		.demo{
			background-color: #cc5b5b;
			width: 100%;height: 100%;
		}
	</style>
</head>
<body>
	<div class="demo"></div>
</body>
</html>

　　

 

posted @ 2018-05-05 17:34  民院小青年  阅读(351)  评论(0)    收藏  举报