CSS Изображения вылазят за край родительского бокса

21.07.2010, 09:51. **Показов** 1661. **Ответов** 3

Author24 — интернет-сервис помощи студентам

Есть неопределенное количество изображений.
Если изображений много, то они вылазят за правый край родительского блока.
Как это предотвратить? Необходимо, если суммарная ширина изображений превосходит ширину родительского блока, осуществлять перенос на след. строку.
Родительский блок:

CSS

#main
{
position: absolute;
top: -2px;
height: 100%;
left: 255px;
padding-top :0;
border-top: 0;
border-right: thick ridge gold;
margin-top: 0;
width: 695px;
background-color: white;
}

Класс изображений:

CSS

1
2
3

.smallphoto {
display: inline-block;
margin-left: 5%;

@Nazz · 21.07.2010, 11:27

для етого нужно писать javascript-оработчик етого блок, который будет формировать изображения в нём...

@Alorian · 21.07.2010, 12:59

urello, добавьте к картинке свойство float:left;

CSS

.smallphoto {
display: inline-block;
margin-left: 5%;
float:left;
}

display: inline-block; здесь как мне кажется лишнее. У изображения по умолчанию такой display и указывать это дополнительно еще раз не нужно.

Если float:left; не поможет, то нужно будет посмотреть еще и html код.

22.07.2010, 06:36

urello, добавьте к картинке свойство float:left;

Тысяча благодарностей, уважаемый, помогло.

@Nazz WEB-developer 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	21.07.2010, 11:27	2
	для етого нужно писать javascript-оработчик етого блок, который будет формировать изображения в нём... 0

urello
	22.07.2010, 06:36	4
	urello, добавьте к картинке свойство float:left; Тысяча благодарностей, уважаемый, помогло.