0

私が持っているページのHEADに

<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%; }#centralDIvision 要素がボディの直接の子孫である場合、かなり近くなります。(高さを%で指定した場合は、親の高さを基準にします。)

于 2012-04-24T23:16:00.863 に答える
0

これを交換してみましたか

height: 400px;

これとともに？

height: 75%;
于 2012-04-24T23:14:13.327 に答える