0

私はこれに似たページ構造を持っています:
CSS :

html,body{
    height: 100%;
    border: 1px solid;
    box-sizing: border-box; 
}
#pagina{
    height: 100%;
}
#list{
    height: 100%;
}
.persona{
    border: 1px solid;
    height: 40%;
}

HTML:

<div id=pagina>
<div id=list>
    <div class="persona">Prova</div>
    <div class="persona">Prova</div>
    <div class="persona">Prova</div>
</div>

ページの高さを 100% にして、コンテンツに適応させたいと思います。
手伝って頂けますか？

4

2 に答える 2

0

更新しました

http://jsfiddle.net/hdrenollet/aFzw5/

コンテンツがページの 100% を占めるように、コードにいくつかの変更を加えました。また、各コンテナーを簡単に確認できるように、いくつかの大きな色付きの境界線も追加しました。境界線を削除すると、コンテナがページを 100% 埋めます。

<head>
    <title></title>
    <script>
    </script>
    <style>
        html{
            height:100%;
            border:10px solid red;
        }
        body{
            height:100%;
            border:10px solid yellow;
        }
        #pagina{
            height: 100%;
            border:5px solid black;
        }
        #list{
            height:100%;
            border:5px solid green;
        }
        .persona{
            border:5px solid blue;
            height: 30%;
        }
    </style>
</head>
<body>
    <div id="pagina">
        <div id="list">
            <div class="persona">Prova</div>
            <div class="persona">Prova</div>
            <div class="persona">Prova</div>
        </div>
    </div>
</body>
于 2013-10-30T16:26:33.067 に答える