css设置容器占满屏幕
2017-08-27 18:57
204 查看
设置该元素的父元素,祖先元素的宽度和高度均为100%
//防止产生空隙 *{ margin:0; padding:0 } html,body,目标元素的祖先元素{ width:100%; heigght:100%; } 目标元素{ width:100% height:100% }
如果目标元素是行内元素(无法设置宽高),可设置display为block
最后css代码:
*{ margin:0; padding:0 } html,body,目标元素的祖先元素{ width:100%; heigght:100%; } 目标元素{ width:100%; height:100%; display:block; }
相关文章推荐
- CSS设置居屏幕中间的弹出块
- 移动端页面撑满屏幕宽高,css设置
- css实现容器高度 适应 屏幕高度
- 使用CSS定义一个和屏幕宽度一样正方形容器
- 使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面
- 转载 CSS设置IE6中容器高度BUG
- CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案
- css实现容器高度 适应 屏幕高度
- CSS设置居屏幕中间的弹出块
- Imageview设置宽高充满父容器(屏幕)
- 移动端页面撑满屏幕宽高,css设置
- DIV+CSS处理DIV设置float后,父容器无法定位高度的问题解决
- css设置宽比屏幕大的img图片在页面中左右居中
- CSS 设置宽度适合屏幕
- css设置网页占满屏幕
- 【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
- 从0开始html前端页面开发_CSS实现设置背景图自适应屏幕大小
- 【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
- css体验优化之图片容器设置宽高比