HeadInSky
-
Posts
3 -
Joined
-
Last visited
HeadInSky's Achievements
Explorer (1/14)
0
Reputation
-
спасибо!
-
Прошу прощения, я не до конца объяснил задачу - кол-во блоков может быть какое угодно. По сути это каталог товаров в инет-магазине.
-
Столкнулся с проблемой, не могу найти решение. Есть три слоя, располагающиеся в ряд (float: left). Ширина определена, а высота по контенту. При сжатии окна браузера, слой 3 не помещается в область просмотра, и должен перемещаться на строку ниже. Но слой 1 выше остальных, и слой 3 оказывается не в начале, а справа от слоя 1, что конечно является нормальным поведением. Но существует ли способ расположить третий слой под первым? Код: <head> <style> .container { float: left; width: 100%; background-color: gray; } .a { float: left; width: 100px; color: #fff; background-color: #000; margin: 10px; } </style> </head> <body> <div class="container"> <div class="a"> <p>1 block<br /><br />text</p> </div> <div class="a"> <p>2 block</p> </div> <div class="a"> <p>3 block</p> </div> </div> </body>