您的位置:首页 > Web前端 > CSS

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