0

min-height が必要な div の次の CSS コードがあり、必要に応じて高さが増加します。理由はわかりませんが、どのブラウザーでも CSS が機能しません! 答えをグーグルで検索しようとしましたが、まだできませんでした!

どんな助けでも本当に感謝します!

.container {
  width: 1024px;  
  margin-right: auto;
  margin-left: auto;
  left: auto; 
  right: auto;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(34,25,25,0.4);  
  -webkit-box-shadow: 0 2px 12px rgba(34,25,25,0.4);   
  moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
  background-repeat: repeat-y;
  height: auto !important;
  height: 1024px;
  min-height: 1024px;

  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #999;
  padding-bottom:60px;   
  position:relative;
}

コンテナーの div は、データが mysql テーブルに入力され、この div 内に表示されると、この div の高さが増加するにつれて大きくなる必要があります。

.udis {
  float: left; 
  height: auto;
  width: 680px;
  position: relative; 
  box-shadow: 0 1px 3px rgba(34,25,25,0.4);
  -webkit-box-shadow: 0 2px 12px rgba(34,25,25,0.4);
  moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
  margin-left:10px;  
  min-height:620px;
  height:auto!important;
  height:620px;
}
4

3 に答える 3

3

コンテナに隠されたオーバーフローを使用します。
または、子の float:left を削除します。

フロートのクリアについて詳しくは、Google で読むことができます
http://www.positioniseeverything.net/easyclearing.html

ところで、あなたの 3 つの高さは正しいので、そのまま使用してください。 

  height: auto !important;
  height: 1024px;
  min-height: 1024px;
于 2012-05-07T07:31:57.550 に答える
1

次のコードを変更します

height: auto !important;
height: 1024px;
min-height: 1024px;

に

min-height: 1024px;
于 2012-05-07T07:12:26.843 に答える
0

両方の要素に固定の高さを指定したため、min-height設定が機能することはありません。これを.containerスタイルで変更します。

height: auto !important;
height: 1024px;
min-height: 1024px;

に：

min-height: 1024px;

そしてこれは.udisスタイルで：

min-height:620px;
height:auto!important;
height:620px;

に：

min-height:620px;
于 2012-05-07T07:21:26.340 に答える