css 100减去一定高度

CSS中的height属性用于定义元素的高度，但有时我们需要元素的高度为百分比或像素的减去一定的高度。这时，我们可以使用CSS计算。下面是一些常见的计算方式：

    /*使用calc函数*/
    height: calc(100% - 50px);
    /*使用表达式*/
    height: expression("100% - 50px");
    /*使用伪元素*/
    height: 100%;
    margin-bottom: -50px;
    padding-bottom: 50px;

calc函数是CSS3的新特性，在支持该函数的浏览器上使用它可以非常方便地进行数学计算。在上面的例子中，元素的高度为其父元素高度的百分之一减去50像素。

另一种实现方式是使用expression。这是一个过时的方法，因为它只能在IE浏览器中使用，并且可能会被浏览器禁止。在上面的例子中，使用JavaScript的表达式将元素的高度设置为其父元素高度的百分之一减去50像素。

还有一种实现方式是使用伪元素。这种方法比较巧妙，因为它可以不使用JavaScript实现。在上面的例子中，元素的高度为其父元素高度减去50像素，由于元素的padding-bottom为50像素，所以元素的内容区高度为原来的100%。