css元素html显示比body还高,【CSS】html中常常遇到body和html的最小高度不能够100%，这个该怎么解决？...

html中常常遇到body和html的最小高度不能够100%，用css设置了最小高度min-height：100%，还是不起作用，我就每次都是用js来控制，尤其在手机端的网页，设置背景颜色的时候大多都需要设置最小高度为100%。求助大家的好建议

回答：

html,body{

height: 100%;

}

回答：

JS计算？赋值？不过这好麻烦，希望能有更简便的办法。

回答：

有吗，直接设置body或者html的背景就是全屏的背景了吧。

回答：

用定位

position:absolute;

top:0;

left:0;

bottom:0;

right:0

回答：

你希望至少撑满一个屏幕的时候，如果设置元素100%

如

div{

height:100%;

}

由于百分比是相对的，div会根据父元素计算基数，得到基数*100% 的高度

所以需要给body 设置 高度

body {

height:100%;

}

同理, 还要设置html

html {

height: 100%;

}

类似的，可以给html设置font-size来控制整个页面的默认font-size;这个方法常用于不同分辨率的移动设备的web页面中。

回答：

html,

body{

height: 100%;

}

或者移动端可以尝试 min-height: 100vh;

回答：

我也想搞明白html里面的高度问题。它100%显然是没有用的。除非这个与元素的父元素确定了高度，如120px之类的，那么这个元素的height：100%;才会有意义。要不然你可以试试用js获取现在网页的高度这种方法？手机端的不能令父元素fill-parent吗？之后子元素自拟宽度？不知道可不可行。

回答：

要想页面全屏显示？

令html,body {width: 100%, height: 100%;}。这样子

里面的

只要设置width: 100%,height: 100%;即可使

满屏显示。

通过javascript选择

下

，令其宽度等于window.innerWidth；高度等于window.innerHeight

【注】方法一会有副作用：如果页面有，在移动端下，点击输入时，软键盘可能覆盖，无法使自动往软键盘上方滚动