VPF::DIV и Float - Форум программистов

RGirichev

Дата 22.6.2006, 17:08 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 25
Регистрация: 22.6.2006
Где: Белоруссия

Репутация: нет
Всего: нет

Помогите разобраться, почему помещённые в один DIV несколько DIVов с Float:Left растягивает родительский только последний? smile

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>

<body>
<div style="background-color:#FFFFCC; padding:10px;">

  <div style="float:left; width:60%">
    <p>Текст первого DIV с Float: Left</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>...конец!</p>
  </div>
  
    <div style="float:left; width:20%">
    <p>Текст второго DIV с Float: Left</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>...конец!</p>
  </div>


  <div style="float:left; width:20%">
    <p>Текст третьего DIV с Float: Left</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>...конец!</p>
  </div>
sdfasdf
</div>
</body>
</html>

Это сообщение отредактировал(а) RGirichev - 22.6.2006, 17:13

Greendrake

Дата 24.6.2006, 15:15 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 364
Регистрация: 14.7.2005

Репутация: 3
Всего: 6

Цитата(RGirichev @ 22.6.2006, 17:08)

почему помещённые в один DIV несколько DIVов с Float:Left растягивает родительский только последний?

Ниии-чё не пнял.
Попробуй переформулировать вопрос. Что конкретно не так?

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »