首页 > 蚂蚁部落 > 正文

设置一个div尺寸全屏
2017-12-27 09:19:50   来源:   评论:0 点击:

有时候需要一个div的尺寸是全屏的,第一感觉就是将div的width和height属性值设置为100%即可,代码实例如下:[HTML] 纯文本查看 复制代码&

有时候需要一个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即可。

相关热词搜索:

上一篇:去掉input标签获得焦点后的边框
下一篇:*和body有什么区别

分享到: 收藏
评论排行