Домашнее задание выполнять в редакторе по ссылке Домашнее задание к лекции «Позиционирование блоков»
- Есть два контейнера, в которых элементам задано свойство
float. Из-за этого происходит выпадение этих элементов из родителя. Вы должны решить эту проблему. Для первого контейнера необходимо использоватьclearfix(любая его вариация), для второго – любое другое решение.
- Есть родительский блок и два дочерних. Задача: синий блок расположить в правом верхнем углу зеленого блока. Желтый блок разместить в правом нижнем углу так, чтобы желтый элемент выходил за пределы зеленого блока на 30 пикселей по горизонтали и 30 по вертикали. И наконец, сместить зеленый блок вправо на 40 пикселей.
Есть два блока внутри родителя. Задача: используя свойство float, сделать так, чтобы первый дочерний блок был в ширину 250 пикселей, а другой занимал все оставшееся место вне зависимости от ширины окна (для проверки нужно сжать окно браузера). Попутно решить проблему с вытеканием любым удобным способом.
- Прочитайте инструкцию по работе с онлайн-редактором Codepen.
- После регистрации перейдите по ссылке https://codepen.io/Netology/pen/gXQLjV.
- Нажмите кнопку Fork.
- Выполните домашнее задание.
- Нажмите кнопку Save.
- Скопируйте адрес из адресной строки браузера.
- В личном кабинете на сайте Нетологии откройте страницу домашней работы и вставьте скопированную ссылку в поле «Комментарий к решению».
Никакие файлы загружать не нужно