3

私が持っているのは、動的に追加されたコンテンツを持つ3つのコンテナーです。基本的に、これらの3つの行がブラウザウィンドウの高さのみを占めるようにします。ただし、内部コンテンツに基づいて自動的にサイズを変更してほしい。

したがって、それらすべてに同じ量のコンテンツがある場合、それぞれの高さは約33％になり、オーバーフローが発生します：自動。または、1つのコンテナにコンテンツがなく、他の2つにコンテンツがたくさんある場合、コンテンツのないコンテナの高さは0で、他の2つは50％である必要があります。

また、IEをサポートする必要はありません。これは内部製品用であり、ChromeおよびFirefoxブラウザーのみが使用されるため、css3ソリューションがあれば問題ありません。

だからここに私が今持っているものの例がありますが、私が望むようには機能しません：

HTML：

<div class="container">

    <div class="one">
     <!-- dynamically added content -->
    </div>

    <div class="two">
     <!-- dynamically added content -->
    </div>

     <div class="three">
     <!-- dynamically added content -->
    </div>

</div>

CSS：

.container {
  position: absolute;
  top: 0;
  bottom: 0;
}

.one,
.two,
.three {
  overflow: auto;
  max-height: 33%; 
}
4

1 に答える 1

0

高さはコンテンツに基づいて自動的に設定されます。最大高さを設定しているため、高さが 50% になることはありません。コンテナー要素は 1 つのサイズを指定する必要がありますか?それともコンテンツによって変更できますか?

于 2012-07-25T16:46:31.057 に答える