Это плавный дизайн из 4 изображений (ширина = 160 пикселей) с ul или плавающими элементами div. Все хорошо при изменении размера окна. Это жидкость.
Но когда я перехожу к абсолютной позиции, я изначально не нахожу больше 160 пикселей.
Код:
body { position:relative;} .container { /position:absolute; слева:0; top:0;/ /* удалите этот комментарий, чтобы увидеть разницу */ margin: 0; заполнение: 0; граница: черная 1px сплошная; максимальная ширина: 690 пикселей; overflow: hidden/очистить плавающие дочерние элементы/;} .galleryItem { float: left; ширина: 23%; маржа:0 1%; padding:1% 0;} .galleryItem img { max-width: 100%;} ul { list-style:none;} ul.thumbs
{ /position:absolute; слева:0; top:100px;/ /* удалите этот комментарий, чтобы увидеть разницу */ display:block; маржа: 0; заполнение: 0; граница: черная 1px сплошная; максимальная ширина: 690 пикселей; overflow: hidden/очистить плавающие дочерние элементы/;} ul.thumbs>li{ display:block; плыть налево; ширина: 23%; маржа:0 1%; padding:1% 0;} ul.thumbs>li img{ display:block; максимальная ширина:100%;}