Размеры

VoRoN

Пользователь
Регистрация
11 Июл 2017
Сообщения
9
Симпатии
0
Пол
Мужской
<div class="block">
<div class="content">
<div id="pageContainer">
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
</div>
</div>
</div>
</div>
</div>

Как сделать высоту slide в зависимости от содержимого?


.block {
width: 500px;
height: auto;
background: #333C4B;
margin: 100px auto;
border-top: 5px solid #80D341;
text-align: center;
}


.content {
padding: 50px;
}

#slideshow {
position:relative;
height:auto;
}

#slideshow #slidesContainer {
position:relative;
}
 

breakt

Заблокированные
Регистрация
8 Июн 2017
Сообщения
109
Симпатии
33
<div class="block">
<div class="content">
<div id="pageContainer">
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
</div>
</div>
</div>
</div>
</div>

Как сделать высоту slide в зависимости от содержимого?


.block {
width: 500px;
height: auto;
background: #333C4B;
margin: 100px auto;
border-top: 5px solid #80D341;
text-align: center;
}


.content {
padding: 50px;
}

#slideshow {
position:relative;
height:auto;
}

#slideshow #slidesContainer {
position:relative;
}
Не совсем понятно что вы хотите, покажите вариант в котором проблемы.
 

winbloger

Пользователь
Регистрация
17 Июн 2017
Сообщения
4
Симпатии
1
Пол
Мужской
указываешь только ширину, а высоту он автоматом будет пропорционально подбирать. если я правильно понял.
height: auto; - по сути это лишнее
а так-же можешь задать максимальную желаемую высоту тегом max-height
 
Сверху Снизу