Как реализовать вот это
![]() Добрый день Нужно чтобы левый div изменял свой размер в зависимости от количества div (строк) в правом div. |
igsavenko,
Это называется таблица. |
Дивно вот так, например.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"> .wrapper { background: yellow; border: solid black 1px; width: 200px; } .wrapper:after { content: "."; display: block; height: 0px; overflow: hidden; clear: both; } .content { display: inline; float: right; padding: 5px; width: 400px; margin: -1px -400px -1px 0px; background: lightgray; position: relative; left: 30px; border: solid black 1px; } .left-column { display: inline; float: left; padding: 5px; } </style> </head> <body> <div class="wrapper"> <div class="left-column"> <p>Из-за леса, из-за гор<br /> Показал нам Тор топор</p> </div> <div class="content"> <p>Тили-тили,<br /> Трали-вали.<br /> Это, братцы, мне по силе.<br /> Откажусь теперь едва ли!</p> </div> </div> </body> </html> Но можно не побрезговать и по совету Skipp сделать таблицей — проще и надежней. |
Часовой пояс GMT +3, время: 08:28. |