Hogyan lehet három fix szélességű hasábot csinálni úgy, hogyha kiférnek, akkor tegye őket egymás mellé, de ha nem akkor egymás alá?

JS -el.

Megnézed, hogy mennyi a window szélelesége, és az alapján pozicionálod őket.

[link]

[link]

CSS:

body {

margin: 0;

padding: 0;

}

.block {

width: 280px;

height: 300px;

background: #ccc;

margin: 10px;

}

@media all and (min-width: 920px) {

.block {

float: left;

}

}

HTML:

<div class="block">

Első

</div>

<div class="block">

Második

</div>

<div class="block">

Harmadik

</div>