@byms

Как убрать скрол, когда блок уходит за границу?

Вообще нужно, чтобы фон из одного контейнера налазил на другой, и с правой части выходил за контейнер, сделал div с position: absolute. Теперь когда этот блок заходит за экран, появляется скрол, а нужно чтобы когда сам контейнер заходил за экран появлялся скрол, как можно решить? Может есть другие способы с фоном.
<div class="info">
	<div class="container">
		<div class="img"></div>
		<div class="container-inner">
			<div class="row-fluid">
				<div class="span8">
					<h4 class="title">Заголовок</h4>
					<p class="text">
						текст
					</p>
					<p class="text2">
						текст
					</p>
				</div>
			</div>
		</div>
	</div>
</div>

.info {
padding-top: 20px;
}
.info .container {
position: relative;
}
.info .container .img {
overflow: hidden;
position: absolute;
top: -20px;
right: -260px;
background: url("/images/food/2.png") no-repeat;
height: 639px;
width: 676px;
}
.info .text {
font-family:'Lunchbox_Light'!important;
font-size: 40px;
line-height: 1;
color: #fff;
margin: 40px 0 40px;
}
  • Вопрос задан
  • 885 просмотров
Решения вопроса 1
@byms Автор вопроса
Обернул все в
#page {
	width: 100%;
	overflow: hidden;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@lfoma
По вопросу непонятно какой контейнер куда должен выходить - приведите названия.
За скрол отвечает css параметр overflow.
Попробуйте указать overflow:hidden;

У родительского элемента .info укажите overflow:visible;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы