设置一个div尺寸全屏

2017-12-4 16:20| 作者: admin| 查看: 1297| 评论: 0|来自: 蚂蚁部落

有时候需要一个div的尺寸是全屏的,第一感觉就是将div的width和height属性值设置为100%即可,代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>如何设置一个div尺寸全屏-蚂蚁部落</title> 
<style type="text/css"> 
*{ 
  margin:0px; 
  padding:0px; 
} 
div{ 
  background-color:green; 
  width:100%; 
  height:100%; 
  text-align:center; 
  color:red; 
} 
</style> 
</head> 
  
<body> 
<div>蚂蚁部落欢迎您</div> 
</body>
</html>

以上代码实现了全屏效果,只要将div的position的属性值设置为absolute或者fixed即可。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部