css怎么获得浏览器高度 |css考试题目

html, body {
height: 100%;
}

要获取浏览器的高度，大家首先需要了解CSS中的height属性。height属性控制元素的高度，它可以设置成一个固定的像素值，也可以设置成一个百分比。在这里，大家将html和body元素的高度都设置成100%，这样它们的高度就与浏览器的高度相等了。

var windowHeight = window.innerHeight;

除了CSS，大家还可以使用JavaScript来获取浏览器的高度。在JavaScript中，window对象有一个innerHeight属性，它表示浏览器窗口的内部高度，也就是不包括浏览器工具栏和滚动条的高度。

var bodyHeight = document.body.clientHeight;
var htmlHeight = document.documentElement.clientHeight;

另外，大家还可以通过document对象的body和documentElement属性来获取页面的高度。这两个属性分别对应着body元素和html元素，它们的clientHeight属性表示元素的高度，不包括元素的边框、内边距和滚动条。因为页面的高度可能会小于浏览器的高度，所以大家需要取这两个值中的最大值作为页面的高度。

var pageHeight = Math.max(bodyHeight, htmlHeight);

最后，大家可以将上面三种方式结合起来，来获取浏览器的高度和页面的高度。通过这些方法，大家可以方便地调整网页的布局，让它在不同大小的设备上都有良好的显示效果。