Mam pojemnik (galerię obrazów) o maksymalnej szerokości: 80%. Wewnątrz obrazy są unoszone w lewo tworząc kolumny i rzędy. Jak można zmniejszyć/powiększyć okno przeglądarki, mniej lub więcej obrazów pasuje do każdego wiersza i nie jest typowo „reszta” na końcu każdego rzędu, kiedy nie ma wystarczająco dużo miejsca, aby zmieścić kolejny pełny obraz:Pojemnik szerokości płynu do ujęcia pływaka
http://jsfiddle.net/vladmalik/DRLXE/1/
Chciałbym, aby pojemnik rozszerzał się lub zwężał tak, jak wiele pasuje do kolumny (tak, że po prawej nigdy nie ma żółtej). Czy można to zrobić za pomocą CSS?
HTML:
<section>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</section>
CSS:
div {
width: 100px;
height: 100px;
float:left;
background: red;
}
section {
margin: 0 auto;
max-width: 80%;
background:yellow;
overflow: hidden;
}
+1 za dobre pytanie. Najpierw pomyślałem, oczywiście, po prostu unoszę też zewnętrzny pojemnik. Ale to nie zadziała. Czekaj. –