css占页面的高100% |css 文本框 样式

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

以上代码中，大家设置了html和body元素的高度和宽度均为100%，并去除了它们的外边距和内边距。这里需要注意，如果不去除外边距和内边距，这些影响会影响到大家所设置的100%高度。

接下来，大家设置需要占据100%高度的元素的高度为100%，这样就能够让该元素充满整个网页的高度了。

如果需要设置一个盒子占据页面的高度100%，而同时包含其他元素，则可以将这些元素设置为绝对定位，如下代码所示：

.box {
position: relative;
height: 100%;
}
.box-child {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

以上代码中，大家设置了一个具有相对定位的父元素和一个绝对定位的子元素。子元素通过设置top，bottom，left和right的值为0，占据了整个父元素的空间，并以此实现了子元素与父元素相同高度的效果。

当然，CSS占据页面高度100%的实现方法有很多，上面列出的只是其中一种。在实际项目中，可以根据需要选择适合自己的方法，以达到最佳效果。