2

ラッパーの高さを 100% に設定したいと考えています。しかし、高さを100％に設定しても、そうすることができません。

現在、私の main_wrapper は空です。背景色が赤になるはずです。

私の目的は、固定を使用して下部にフッターを配置することですが、それはトピックから外れています。しかし、誰かが位置固定のリンクを提供できれば良いでしょう.

<html>
<head runat="server">

</head>
<body class="body">
    <form id="form1" runat="server">
        <div id="main_wrapper">


        </div>

        <div class="clear"></div>

    </form>

</body>
</html>



* {
    margin: 0; padding: 0;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.clear {
    clear: both;
}

html {
    margin: 0;
    width: 100%;
    height: 100%;
   /* min-width: 640px; min-height: 480px;*/
}

body {
    margin: 0; /*Top and Bottom 0, Left and Right auto */
    width: 100%;
    height: 100%;
}

    .body #main_wrapper {
        margin: 0;
        width: 100%;
        height: 100%;
        backgroud: #f00;
}
4

4 に答える 4

1

コードに問題はありません。

高さと幅を正しく設定してdivsいますが、div が高さ/幅を指定していないフォーム内にあることを忘れています。

追加するだけ

#form1{ width: 100%; height: 100%; }

あなたのcssに、それはうまくいきます。

例

于 2013-09-30T02:35:34.473 に答える
1 
    #form1 #main_wrapper {
            margin: 0;
            width: 100%;
            height: 100%;
            background:#f00;
            min-width: 640px; 
       min-height: 480px;
}
于 2013-09-30T02:24:08.373 に答える
1

多分それはただのタイプミスです：

 .body #main_wrapper {
    margin: 0;
    width: 100%;
    height: 100%;
    backgroud: #f00; } <<-- typo
于 2013-09-30T01:59:22.663 に答える