0

CSS を使用したコードに行き詰まっています。特定の div をページの高さの 100%、幅の 25% にして背景で埋めようとしていますが、テキストがある場合にのみ機能します入力すると、ページではなくテキストの高さに合わせて調整されます。

誰かがこれで私を助けてくれることを願っています。

index.html

<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="style.css">
<head>
    <title>Height test</title>
</head>

<body>
    <div id="menu">kaas</div>
</body>

スタイル.css

   body{
    background:#fff;
}

#menu{
    background:#000;
    height:100%;
    width:25%;
}

前もってありがとう、レミー

4

1 に答える 1

0

DIVを100％に設定している場合は、その内容に合わせて調整されます。あなたが表示しているこの簡単な例では、コンテンツがないので、100％何もありません。

このdivをページサイズに基づいて設定する場合は、指定する必要があります。

body{
    width:900px;  //example values 
    height:500px; //example values
}

#menu{
    background:#000;
    height:100%;
    width:25%;
}

また、ページ全体を処理するために別のdivを作成することをお勧めします。

<body>
    <div id="page">
        <div id="menu">kaas</div>
    </div
</body>

その後：

#page{
    width:900px;  //example values 
    height:500px; //example values
}

#menu{
    background:#000;
    height:100%;
    width:25%;
}
于 2012-12-06T12:57:28.173 に答える