2015-03-16 2 views
0

У меня есть раздел на веб-сайте, где появляются разные отзывы, а div имеет цвет фона, который отлично отображается на рабочем столе, но если смотреть на мобильных устройствах, текст отзывов длится дольше (по вертикали), чем фон высота.Установить цвет фона div в соответствии с длиной текста

Это класс, который присваивается DIV

.quote{ 
    background-color: #f7f7f7 !important; 
    border: 8px none; 
    height: 350px; 
    padding: 15px; 
} 

Теперь я знаю, что высота фиксируется на 350px, но если я изменить что 100% или auto, что не работает. Мне нужно, чтобы фон появлялся до тех пор, пока текст появляется.

+0

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

+0

Что случилось с http://jsfiddle.net/rzp2ro5q? Для снятия высоты необходимо сделать автоматическую шкалу div. – Yoink

+1

Добавить переполнение: авто; для .quote, плавающий контент не добавляется к высоте. См. Http://jsfiddle.net/vekgx3hq/1/ – Yoink

ответ

0

Если вы хотите, чтобы div был 350px в высоту, вы делаете это правильно. Но вам нужно будет добавить overflow-y: hidden; или overflow-y: auto.

Однако, я предлагаю вам просто изменить height на min-height, если вы хотите, чтобы div расти вместе с текстом.

+0

Мне не нужно, чтобы это было 350 пикселей, я буду более чем счастлив удалить его, потому что мне просто нужно его покрыть текст на всех устройствах, я попробую решение, которое вы упоминается и возвращается – Baig