Как сделать динамическую высоту динамическим

-1

Как сделать динамическую высоту 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. –

вам нужно использовать 'height: auto' на вашем div. И посмотрите на вопрос, который вы разместили .. вы не отформатировали вопрос правильно. Также вы поставили свой вопрос в качестве заголовка. Я обновлю свой пост .. –

Чтобы создать динамическую динамику 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

Как сделать динамическую высоту динамическим

ответ

Смежные вопросы