css浏览器的高度 |css div上下运动

首先，大家需要明确一些基本概念。浏览器的高度指的是可视窗口的高度，也就是大家可以看到的网页部分的高度。而非可见性高度（invisible height），即整个页面的高度。

当大家需要掌控浏览器高度时，可以使用CSS单位vh（视窗高度单位）。1vh代表浏览器窗口高度的1%。例如，当大家需要让某个元素占据浏览器窗口高度的50%时，可以这样写：

.element {
height: 50vh;
}

但是，值得注意的是，当大家使用vh单位时，会遇到一些兼容性问题。部分旧版浏览器不支持vh单位，对于这种情况，大家可以使用JavaScript将vh单位转换成像素值，再进行操作。

// 将浏览器视口高度乘以0.01，得到1vh的像素值
var vh = window.innerHeight * 0.01;
// 将元素高度设置为50vh
element.style.height = 50 * vh + "px";

总的来说，CSS中可以很好地掌控浏览器高度，但由于兼容性的问题，还需要注意一些细节。