абсолютное положение жидкости дизайн

Это плавный дизайн из 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%;}


person user1595580    schedule 13.08.2012    source источник


Ответы (1)


Думаю не смешивать % и px для жидкого дизайна. И зная, что у меня есть, я могу сказать, что если позиция абсолютна, то есть что-то фиксированное, поэтому нет жидкости. если хотите жидкий дизайн лучше делать позиционирование в %. вы также можете использовать bootstrap css для адаптивного дизайна.

person Arun lama    schedule 22.05.2013