Все сервисы Хабра
Сообщество 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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Что поправить в градиенте?
1 подписчик
15 часов назад
76 просмотров
0
ответов
HTML
+1 ещё
Простой
Как прижать нижние колонки к низу родительского блока?
3 подписчика
19 июл.
1438 просмотров
3
ответа
CSS
+2 ещё
Средний
Как создать фотогалерею с неявной сеткой в CSS?
1 подписчик
18 июл.
95 просмотров
2
ответа
CSS
Простой
Есть ли кроосбраузерный способ убрать абзац?
1 подписчик
18 июл.
100 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как сделать zoom в smartslider?
1 подписчик
16 июл.
42 просмотра
0
ответов
PHP
+2 ещё
Простой
Не приходят сообщения с контактной формы, Извините, данные не были переданы?
1 подписчик
15 июл.
214 просмотров
3
ответа
CSS
Простой
Как повторить фильтр с фигмы?
2 подписчика
15 июл.
1557 просмотров
0
ответов
HTML
+1 ещё
Простой
Как лучше всего реализовать данный фон?
1 подписчик
14 июл.
180 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как сделать, чтобы свойства класса прописывались не DOM-узлу, а классу, создаваемому в JS?
1 подписчик
14 июл.
133 просмотра
2
ответа
JavaScript
+1 ещё
Средний
Как сделать перетаскиваемые окна?
2 подписчика
14 июл.
136 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Frontend-разработчик
MyAdsTarget
от 150 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама