猿问

html, body设置100%,但是真实高度值却不是窗口高度

设置html,body 的高度都为100%,但是最终计算出来的值却是height=222px.

这个值怎么计算出来的?

<!DOCTYPE html><html><head>
    <title>kcms</title>
    <style>html, body {    height: 100%;    border: 0px;    padding: 0px;    margin: 0px;
}    </style></head><body>
    <div style="background: yellow; width: 200px;height:300px;margin-top: 60px;padding: 50px 0 0">
        <div style="height:50px;background: red;width: 200px;margin: -50px 0 0;"></div>
        <div style="height: 100%; background: blue;width:100px"></div>
    </div></body></html>

计算得到的值却是 height=222,这个值时怎么计算得到的?

这种设置方法,难道height的值不应该时浏览器窗口高度么?


慕丝7291255
浏览 2985回答 2
2回答

qq_花开花谢_0

这个222是可视窗口的高度,你可以上下移动你的控制台面板,高度是会变化的。

繁华开满天机

是不是你的dev_tool把主窗口压缩了?确实被你压缩到了222px的高度,你把窗口高度拉大看看吧
随时随地看视频慕课网APP
我要回答