VPF::Как отформатировать вложенные div

annarns

Дата 10.7.2018, 03:24 (ссылка)

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

Загрузка ...

Новичок

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

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

Доброго времени суток
Я только начала осваивать js и столкнулась с такой проблемой.

есть код, хотелось бы блоки внутри первого блока отформатировать по нижнему краю[U][/U].
Но никак не получается. Прошу помощи опытных товарищей.

код:[B][B][/B][/B]

Код


<!-- Как сделать выравнивание по низу блоков внутри блока -->
<style>
    #parent {
        height: 300px;
        width: 100%;
        border: 1px grey dotted;
    }
    
    #child1 {
        float: left;
        height: 100px;
        width: 10%;
        background: red;
        margin-right: 10px;
    }
    
    #child2 {
        float: left;
        height: 200px;
        width: 10%;
        background: blue;
        margin-right: 10px;
    }
</style>

<div id='parent'>
    <!-- Количество детей и их ширина заранее точно не известны. Высота меняется от 0 до 300 px -->
    <div id='child1'></div>
    <div id='child2'></div>
</div>

Что делаю не так?

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