divの高さを動的にする方法

-1

divの高さを動的にして、挿入されたデータがdivのサイズを超えると自動的に高さを上げる方法は？divの高さを動的にする方法

<div class="group"style="background:white;box-shadow: 3px 3px 3px #DDDADA;"> 
      <div class="cadetabox" id="s10"> 
      <div class="capht"><img src="images/user_picture.jpg" width="50" height="50"/></div> 
      <div class="caphtdtail"> 
      <a href="CADetail.php"><h4>CA Ritesh </h4></a> 
       <p> learn how to setup video calls learn how to setup video calls learn how to setup video callslearn how to setup video callslearn how to setup video callslearn how to setup video callslearn how to setup video callslearn how to setup video calls Kandivali, Mumbai Kandivali, Mumbai Kandivali, Mumbai Kandivali, Mumbai Kandivali, Mumbai Kandivali, Mumbai </p> 
       <p>2 yrs Experience</p> 
       <p style="color: green;">Open Today</p> 
      </div> 
        <a href="login-register.php"><span class="likespan"><i class="fa fa-thumbs-o-up" style="font-size: 18px;"></i> 0</span></a> 
         <a href="#"><span class="span" data-toggle="modal" data-target="#myModal">Call</span></a> 
      <div class="clearfix"></div> 
      </div> 
      </div>

出典

2016-05-07 Vikalp Sharma

正しくあなたの質問をフレーム。 –

divのサイズを超えるデータを挿入すると、divの高さが増加していません。 –

あなたはあなたのdivで 'height：auto'を使う必要があります。投稿された質問を見てください。あなたは正しく質問を書式化していません。またあなたの質問をタイトルにしました。あなたの投稿を更新します。 –

divの高さを動的にするには、CSS heightプロパティを使用する必要があります。

使用height:auto;Example

そしてここでは、あなたのコードのサンプルです。

.caphtdtail { 
 
    border: 2px solid; 
 
    height: auto; 
 
}

<div class="group" style="background:white;box-shadow: 3px 3px 3px #DDDADA;"> 
 
    <div class="cadetabox" id="s10"> 
 
    <div class="capht"> 
 
     <img src="images/user_picture.jpg" width="50" height="50" /> 
 
    </div> 
 
    <div class="caphtdtail"> 
 
     <a href="CADetail.php"><h4>CA Ritesh </h4></a> 
 
     <p>learn how to setup video calls learn how to setup video calls learn how to setup video callslearn how to setup video callslearn how to setup video callslearn how to setup video callslearn how to setup video callslearn how to setup video calls Kandivali, 
 
     Mumbai Kandivali, Mumbai Kandivali, Mumbai Kandivali, Mumbai Kandivali, Mumbai Kandivali, Mumbai</p> 
 
     <p>2 yrs Experience</p> 
 
     <p style="color: green;">Open Today</p> 
 
    </div> 
 
    <a href="login-register.php"><span class="likespan"><i class="fa fa-thumbs-o-up" style="font-size: 18px;"></i> 0</span></a> 
 
    <a href="#"><span class="span" data-toggle="modal" data-target="#myModal">Call</span></a> 
 
    <div class="clearfix"></div> 
 
    </div> 
 
</div>

出典

2016-05-07 10:55:52

divの高さを動的にする方法

答えて

関連する問題