2

こんにちは、私は動的コンテンツを持っていて、$search_resultsそれを の中に表示しようとしています<div>。しかし問題は、<div>コンテンツのサイズに応じて の高さが増加しないことです。$search_resultsのようなテーブル化されたコンテンツです<table><tr><td>Values</td></tr></table>

ここにコードがあります。

<div  style="background:#CCC;">
<div style="height:500px;width:1000px;margin:auto;padding-top:20px;">
<div style="width:200px;float:left; background:#666;color:white;">
<form name="SearchForm" action="" method="post">
<ul class="SearchList">
<li class="firstlist">Search</li>

<li>
   <input  type="text"  class="text_medium" value="Keywords" name="KeywordsTextBox" onblur="if(this.value=='') this.value='Keywords'" onFocus="if(this.value =='Keywords' ) this.value=''" >
</li>

<li>
  <select name="SearchValues" class="select_medium">
     <option value="Search1">Search option 1</option>
     <option value="Search1">Search option 2</option>
     <option value="Search1">Search option 3</option>
     <option value="Search1">Search option 4</option>
  </select>
</li>

  <input type='submit' name='SearchButton' class='Small_Button'  value='Search'>
</li>

</ul>
</form>
</div>
<div style="width:800px;float:right; background:#C69;">
<form name="ResultForm" method="post" action="">
<?php 

//$serachObj =  new Search()

//$search_results = $serachObj->search();

echo $search_results; 
?>
</form>
</div>
</div>
</div>

試してみstyle="min-height:500px;"ましたが、うまくいきません。助言がありますか ？。

4

3 に答える 3

4

あなたの子供には浮きDIV'sがあります。したがって、その親をクリアする必要があります。親DIVにoverflow:hiddenを定義する。たとえば、次のように記述します。

<div style="overflow:hidden;min-height:500;width:1000px;margin:auto;padding-top:20px;">
 <div style="float:left"></div>
 <div style="float:left"></div>
</div>

更新しました

<div style="min-height:500;width:1000px;margin:auto;padding-top:20px;">
     <div style="float:left"></div>
     <div style="float:left"></div>
     <div style="clear:both"></div>
</div>
于 2013-02-04T07:31:01.977 に答える
1

overflow:auto親divに追加

デモ

于 2013-02-04T07:30:19.437 に答える
1

div の高さを auto として指定します。

height:auto;
于 2013-02-04T07:37:09.603 に答える