Как раскрыть блок?

Question

[Александр Наумов]

Как раскрыть блок?
Что бы он полностью видимый был.... под разную длину текста.......
Спасибо за ранее......

Comments

[Владислав Лысков]

а код-то где?

[Александр Наумов]

Владислав Лысков,

<div class="pageMainitemleft">
							<div class="itemsinfitem">
								<div class="initemsitems">Техническая информация</div>
								<ul>
									<li style="padding-right: 0px;border-bottom: none;">Всего мест:
										<span style="float: right; font-size: 14px; line-height: 14px;"><?php echo $games['place'];?>
											<span style="font-size: 10px;">мест</span>
										</span>
									</li>
									<li style="padding-right: 0px;border-bottom: none;">Стоимость:
										<span style="float: right; font-size: 14px; line-height: 14px;"><?php echo $games['costplace'];?>
											<span style="font-size: 10px;">руб</span>
										</span>
									</li>
								</ul>
							</div>
							<div class="initemsitem">
							<div class="initemsitems">Информация о предмете</div>
								<div class="initemsimg" style="padding: 25px 0px 25px 0px;height: 250px;border-bottom: none;opacity: 1;">
									<a class="/lot/<?php echo $games['id'];?>"></a>

									<label for="check_toggle">	<input type="checkbox" id="check_toggle" hidden><img src="<?php echo $sitenames.$games['icon'];?>"alt="" class="image23" style="box-shadow: none;"></label>
								</div>
								<div class='completedimg'>
								<a><img src='/assets/img/completed.png'></a>
								</div>
								<div class="itemsinfitem2">
									<ul>
										<li><?php echo $games['name'];?></li>
										<li style="text-shadow: 0px 0px 4px #dddddd;color: #dddddd;font-weight: normal;font-size: 13px;"<?php echo $games['color'];?>;"><?php echo $games['quality'];?></li>
									</ul>
								</div>
								<div class="itemsinfitem">
									<ul>
										<li style="padding-right: 0px">Цена в магазине
											<span style="float: right; font-size: 14px; line-height: 14px;"><?php echo $games['cost'];?>
												<span style="font-size: 10px;">руб</span>
											</span>
										</li>
									</ul>
								</div>
							</div>
						</div>

[Александр Наумов]

Владислав Лысков,

.pageMainitemleft{
	float: left;
    width: 278px;
    padding-left: 20px;
    overflow: auto;
    border-right: 2px solid #0072fc66;
    position: absolute;
	min-height: 410px;
    height: 95%;
}

[Владислав Лысков]

Александр Наумов, он должен быть в вопросе, это первое, второе - не хватает css-кода, и выложить лучше в песочницу, например

[Владислав Лысков]

Александр Наумов, height: 95%;
это убери

[Александр Наумов]

Владислав Лысков, не решает проблему

[Владислав Лысков]

Александр Наумов, смотри, я за тебя разместил весь твой код в песочнице, убрал указанную строку https://codepen.io/anon/pen/LvMKZO , и у меня это решило проблему, так что может ты предоставишь весь код?

[Александр Наумов]

Владислав Лысков,
Все решил вопрос......... Спасибо))

[Владислав Лысков]

Александр Наумов, на здоровье)

Answer 1

[UndineS]

В большинстве случаев, такой эффект скрывающегося текста происходит из-за наличия свойства overflow:hidden + конкретно заданных размеров блока. (подробнее про overflow: htmlbook.ru/css/overflow). Свойство overflow отвечает за наличие полосы прокрутки. В режиме "hidden" полоса прокрутки скрыта и "лишний" текст просто обрезается.

Для решения проблемы можете либо задать высоту блока (height) как height:auto (высота блока будет подстраиваться под размер текста), либо просто сделать число побольше, чтобы точно влезло всё, но блок на всех страницах был одинаковой высоты.
Другой вариант - заменить значение свойства overflow с "hidden", например, на "scroll" - тогда размеры блока можно не менять, но на больших текстах будет появляться полоса прокрутки.