ここに私の問題を実際に見るためのフィドルがあります! http://jsfiddle.net/h2Ya8/6/
CSS
関連残りのスペースを埋める方法 (1 div より小さい div)
これは Google Chrome を搭載したマシンで実行されるため、Google Chrome でのみ使用/テストしています。
6つのボックスごとに10行あります。これらのボックスは、使用可能なすべてのスペースを占有します。
ボックスに収まるコンテンツのみを入れている場合は問題なく動作します。ただし、コンテンツがボックスで処理できるサイズよりも大きい場合、ボックスはコンテンツに合わせてサイズ変更されます。
ボックスのサイズ変更を停止し、どんなコンテンツが入れられても常に同じままにし
たい.
これらのボックスに画像とテキストを入力する必要があります)
Divによる電流出力
解決策を見つけました！
height:100%;行 css
width:100%製品の css
これを示すフィドル！http://jsfiddle.net/h2Ya8/31/
助けてくれてありがとう！
ページ全体が特定のサイズであることを指定するだけです。
#page {
width: 1024px;
height: 768px;
}
「ボックス」が必要な場合は、ここで<div class="product">固定サイズにするために、CSSを次のように設定する必要があります。
.product {
width: 100px;
height: 80px;
border: etc...;
#page:overflow:auto に width と height を指定するだけです。
つまり、
#page {
width: 1024px;
height: 768px;
overflow: auto;
}