CSS高度自适应浏览器窗口

SJY发表于:2018年05月31日 12:14 • 阅读:

屏幕自适应技术是前端开发人员最常见的问题之一,一个块在未定义任何属性时,默认宽度为100%,即使设置了float属性,只要设置width:100% 仍然可以撑满父元素。
CSS高度自适应屏幕亦是非常常见的布局手段,尤其是用在侧边导航栏上,需要把整个导航的背景填充整个浏览器窗口的高度。默认情况下是根据容器内容来自适应高度,你可以设置固定高度,但不能用height:100%来使他充满整个屏幕的高度。


解决方案:

html,body{
        height:100%;
        margin:0;
        padding:0;
}

切记,html和body要同时设置。

现在你想让body下的元素高度设置成屏幕高度的多少百分比都行,100%,80%看你喜欢了。

欢迎转载,但请保留原文地址 http://www.sjyhome.com/css/1384.html

标签: 浏览器窗口

回复(0)