0

左に結果、右にメインの 2 つのセクションがあり、html > ラッパー > コンテナーにあります。

現在、これらの両方の高さは固定されておらず、内容に応じて 100% まで伸ばす必要があります。場合によっては、結果がメインより長くなることもあれば、その逆もあります。100% の高さを使用しましたが、うまくいかないようです。助けてください！

html, body {
margin: 0;
padding: 0;
height: 100%;
}

#wrapper {
min-height: 100%;
position: relative;
width: 100%;
}

#container {
width: 1007px;
padding: 130px 0 0 0;
display: block;
}

.results {
width: 383px;
float: left;
background: 
#fff;
display: block;
-webkit-box-shadow: -2px 0px 8px -6px #000;
-moz-box-shadow: -2px 0px 8px -6px #000;
box-shadow: -2px 0px 8px -6px #000;
padding-bottom: 60px;
}

.main {
width: 606px;
float: left;
padding: 15px 0 0 16px;
position: relative;
background: url(images/pattern.png) repeat;
height: 100%;
bottom: 0px;
}

<html lang="en>
  <head></head>
  <body>
     <div id="wrapper">
        <div id="container" class="clear fix">
            <section class="results">
            </section>
            <section class="main">
            </section>
        </div>
     </div>
  </body>
  </html>
4

2 に答える 2

0

多くの場合、高さを 100% にする必要があると述べたときに問題が発生しますが、「何の 100% ですか?」という質問をする必要があります。その答えはその要素の親なので、次の質問は「親の高さは何に設定されていますか?」です。親に高さが設定されていない場合、100% の無は無です。

于 2013-04-09T17:57:21.650 に答える