Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > блоки друг за другом с переходом

Автор: Samotnik 23.6.2011, 17:10

Привет народ.
Есть div, скажем 200px х 100px. Как сделать так, чтобы при добавлении в него маленьких дивчиков, они сначала добавлялись в ряд (слева направо) а по достижению правой границе продолжали добавляться на новой строке. Потом снова так и т.д.

Автор: bars80080 23.6.2011, 18:57

float: left

Автор: olldman 23.6.2011, 19:04

Примерно так:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
*{margin:0px;padding:0px;}
html{height:100%;}
body{width:100%;height:100%;font:12px arial;}
div{width:200px;height:100px;overflow:hidden;background:#000;}
div div{width:8px;height:13px;float:left;background:#FCC;}
</style>
</head>
<body>
<div>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
  <div>9</div>
  <div>0</div>
</div>
  </body>
</html>

Автор: Samotnik 23.6.2011, 22:09

danke !

Добавлено через 33 секунды
странно, как я это мог забыть smile