Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Aleksey111
@Aleksey111
HTML
CSS
Как с помощью margin выталкивать элементы из родителя в любую из сторон?
Например здесь, получается выталкивать вправо и вниз, а вверх и влево не получается.
https://codepen.io/Aleks70694/pen/WpQjjd?editors=1100#0
Нужен способ чисто на margin, без position или transform.
Вопрос задан
более трёх лет назад
190 просмотров
3
комментария
Подписаться
1
Оценить
3
комментария
Facebook
Вконтакте
Twitter
Hyubert
@Hyubert
margin-top: -50px;
Написано
более трёх лет назад
Aleksey111
@Aleksey111
Автор вопроса
Hyubert
: спасибо, а с чем это связано? такой синтаксис, почему не margin-bottom: 50?
Написано
более трёх лет назад
Hyubert
@Hyubert
Aleksey111
: поток так выстраиваеться с лево на права , с верху вниз, скорее из за этого, но это не точно
Написано
более трёх лет назад
Решения вопроса
1
Дмитрий Гординский
@SiriusZloy
margin-left: -200px; - для сдвига влево
margin-top: -200px; - для сдвига вверх
Ответ написан
более трёх лет назад
3
комментария
Нравится
2
3
комментария
Facebook
Вконтакте
Twitter
Aleksey111
@Aleksey111
Автор вопроса
спасибо, а с чем это связано? такой синтаксис, почему не margin-bottom: 200?
Написано
более трёх лет назад
Сергей Горячев
@webirus
Aleksey111
: Потому что блок всегда стоит верхним левым углом в начале оси коррдинат x = 0, y = 0, и чтобы его двигать влево и верх, нужно задавать отрицательные значения.
Написано
более трёх лет назад
Максим Тимофеев
@webinar
Aleksey111
: margin-bottom: 200 отодвинет блок под ним на 200
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Дима Паутов
@bootd
Куратор тега CSS
Гугли и ты откроешь врата знаний!
https://codepen.io/bootd/pen/bqVWOM?editors=1100
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Простой
Как сделать так, чтобы карточка была по размеру контента, если его немного?
1 подписчик
14 часов назад
66 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Есть ли на сегодня какое-нибудь решение выделить инпут по focus-visible?
1 подписчик
20 часов назад
61 просмотр
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
вчера
83 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
вчера
160 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
вчера
92 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
11 мар.
184 просмотра
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
11 мар.
92 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
871 просмотр
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
141 просмотр
2
ответа
JavaScript
+1 ещё
Средний
Сканирование QR в поле input. Как реализовать блокировку нажатия клавиш клавиатуры?
1 подписчик
06 мар.
140 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Парсер для сайта
Rotormine
от 10 000 до 100 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама