[Burichan] [Futaba] [Gurochan] [Photon] [Tomorrow] - [Главная] [Управление]

[Назад]
Ответ
Leave these fields empty (spam trap):
Имя
E-mail
Тема
Сообщение
Файл
Подтверждение
Пароль (для удаления файлов и сообщений)
  • Supported file types are: GIF, JPG, PNG
  • Maximum file size allowed is 1000 KB.
  • Images greater than 200x200 pixels will be thumbnailed.

red-green.png (0.0 KB, -1x-1)
0 No.2816  
Объясните пожалуйста, как сделать так чтобы блок совпадал своей нижней границей с нижней границей того блока, внутри которого он находится.

Проще говоря, чтобы он лежал на дне другого блока.

Вот пример кода:

<div style="height: 500px; width: 400px; background-color:green">
<div style="height: 300px; width: 200px; background-color:red; ">


</div>
</div>

Красный прямоугольник находится наверху, а должен быть внизу (как на картинке). Что надо дописать к коду? Большое спасибо заранее.
>> No.2820  
читай сюда
http://htmlbook.ru/content/?id=95

я бы сделал так:

position: relative;
top: 100%;
margin-top: -150px;

должно работать
на счет relative, не уверен
зависит от того, что снаружи
помнится, если снаружи relative,
то изнутри absolute тоже работает как relative
так что, это на глаз
>> No.2826  
дивам назначь класс или id.

например:

<div id="fst">
<div id="scnd"></div>
</div>

#fst {
height: 500px;
width: 500px;
background: green;
position: relative;
}

#scnd {
height: 300px;
width: 200px;
background: red;
position: absolute;
bottom: 0;
left: 0;
}


Удалить сообщение []
Пароль