Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Masha99
@Masha99
HTML
CSS
Как разместить блок на две секции?
Не могу разобраться как разместить такой блок на две секции
Вопрос задан
более трёх лет назад
148 просмотров
2
комментария
Подписаться
1
Простой
2
комментария
Facebook
Вконтакте
Twitter
Sergey Romanov
@Serhioromano
КОгда читал вроде понял, посмотрел на скриншот и не понял. Стрелка куда показывает. В смысле разделить? 2 колонки? Вы можете на скриншоте обвести участки которые вы определяете как секцию?
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
1. Не факт, что это 2 секции, а не одна и в ней фон-картинкой только на верхнюю часть.
2. Абсолютным поцизионированием.
Например, так
https://jsfiddle.net/k89bhw3f/
Возможны и другие варианты.
Написано
более трёх лет назад
Решения вопроса
1
maxsolovyov
@maxsolovyov
position: absolute (+значения left и bottom) или releative, если не нужно чтобы верхний блок схлопнулся
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Вячеслав Боргомотов
@v-borgomotov
Молодой креативный специалист
Абсолютным поцизионированием. У вас в комментарии дан верный ответ (как вариант)
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Средний
Как определить операционную систему из скрипта вложенного в html документ?
1 подписчик
13 часов назад
95 просмотров
4
ответа
CSS
+1 ещё
Простой
Почему при dispalay:grid ломается обводка блока через svg?
1 подписчик
16 часов назад
70 просмотров
1
ответ
HTML
Простой
Как сделать на сайте цитаты, как в Telegram?
3 подписчика
вчера
773 просмотра
2
ответа
PHP
+1 ещё
Простой
Как получить id от button?
1 подписчик
вчера
156 просмотров
1
ответ
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
вчера
88 просмотров
2
ответа
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
31 мар.
54 просмотра
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
31 мар.
132 просмотра
2
ответа
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
183 просмотра
0
ответов
JavaScript
+3 ещё
Простой
Как реализовать обновление цены?
1 подписчик
29 мар.
161 просмотр
0
ответов
HTML
+1 ещё
Простой
Почему видеофайл не доступен напрямую в браузере?
1 подписчик
29 мар.
136 просмотров
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Парсер для сайта
Rotormine
от 10 000 до 100 000 ₽
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама