0

在页面的头部我有

<style type="text/css">
    html {
        overflow: hidden
    }
    html, body, #centralDIvision {
        margin-left: auto;
        margin-right: auto;
        width: 1100px;
        height: 400px;
    }
    #centralDivision {
        float: left;
    }
    #outer {
        display: table;
        position: absolute;
        height: 100%;
        width: 100%
    }
</style>

但不是让 centralDivision div 的高度等于 400px，我希望它是浏览器当前屏幕尺寸的 75%。我有办法做到这一点吗？

4

3 回答 3

2

只是为了多样性，另一种方法，使用绝对定位：

#parent {
    position: relative;
    height: 400px;
}
#child {
    position: absolute;
    top: 12.5%;
    bottom: 12.5%;
    left: 0;
    right: 0;
}​

当然还有一个关于 jsFiddle 的工作示例。

于 2012-04-24T23:45:18.420 回答
1

#centralDIvision { height: 75%; } will get you pretty close, if the #centralDIvision element is a direct descendent of the body. (When height is specified in %, it's based on the parent's height.)

于 2012-04-24T23:16:00.863 回答
0

你试过替换这个

height: 400px;

有了这个？

height: 75%;
于 2012-04-24T23:14:13.327 回答