Показать сообщение отдельно
  #5 (permalink)  
Старый 16.03.2011, 09:08
Аватар для Magneto
Люмус, Емаксос Developer!
Отправить личное сообщение для Magneto Посмотреть профиль Найти все сообщения от Magneto
 
Регистрация: 06.05.2010
Сообщений: 677

Для решения этой задачи недостаточно установить первому блоку обтекание справа (float:left), потому что если во втором блоке действительно будет много текста то мы получим обычное обтекание (логично, неправда ли?). Смотрим пример по ссылке

Поэтому нужно немного усовершенствовать код:


<div class="block-1">Текст</div>
<div class="block-2">Много текста</div>


.block-1 {
	float:left;
	width:100px;
	background:#ccc}
.block-2 {
	border-left:100px solid #ccc;
	background:#ff0}



Я добавил новое правило для второго блока (border-left:100px solid #ccc). Смотрим результат

P.S. Бордюр также может быть прозрачным (transparent).
Ответить с цитированием