Как автоматически использовать полосу прокрутки, если div переполнен - PullRequest
Новая
       75

Как автоматически использовать полосу прокрутки, если div переполнен

2 голосов
/ 05 апреля 2020

Я хочу иметь фиксированную высоту div рядом с картинкой, но если текст длиннее, чем размер div, я хочу начать переполнение, как мне это сделать? Я пробовал bootstrap переполнение класса, чем-то вроде этого, но ничего не работает. Пришлось удалить фото часть кода, потому что код был слишком длинным.

photo of site

<div class="row " >
  <div style="max-height: 20%; overflow-y: scroll;" class="col-lg-4 col-md-6 mb-4 border border-dark shadow-lg " ><br>
    <div >
    <h4>Popis:</h4><br> 
    <h5> Volkswagen Golf 2.0 TSI BMT GTI </h5><hr/>
    <p ><b>Rok výroby: </b> 10/2013</p><p></p><hr/>
    <p ><b> Najazdené km:</b> 68 546</p><p></p><hr/>
    <p ><b> Palivo:</b> benzín</p><p></p><hr/>
    <p ><b> Výkon:</b> 162kw (220PS)</p><p></p><hr/>
    <p ><b> Prevodovka:</b> 6-st. manuálna</p><p></p><hr/>
    <p ><b> Poznámka:</b> 2x kľúč,servisná kniha, aktuálne po výmene oleja filtrov, obuté úplne nové kolesa aj pneu R19” . Cena uvedená na Sk spz!. Auto bez dalších investícii, sdfjnosdjfn dksflsdkfm sdjf sdkfj msdf lkdsjfsiodfj mdskfl nmsdfioj jfsdklf lkdfj l sdflk js lkdfj s kldfj ldsfkjlskdjf lsdkfsdnf Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p></p>
    </div>
  </div>

  </div>

</div>

1 Ответ

2 голосов
/ 05 апреля 2020

Вам нужно изменить значение max-height с 20%, чтобы оно соответствовало значению height карусели автомобилей. Возможно, вы также захотите не использовать процентное значение для height, так как оно приводит к нежелательным результатам.

Вам необходимо явно установить значение высоты карусели автомобиля, если вы этого еще не сделали. уже.

Например, у вас должно быть что-то вроде этого: 

<div class="row">
  <div style="max-height: 500px; overflow-y: scroll" class="col-lg-4 col-md-6 mb-4 border border-dark shadow-lg">
    // Text Stuff Here
  <div>
  <div style="height: 500px;" class="col-lg-8 col-md-6">
    // Carousel Stuff Here
  </div>
</div>

Примечание: Изменение значения overflow-y с scroll на auto также выглядит лучше, если содержимое в конечном итоге помещается в сторону без необходимости прокрутки.

...