Форум успешных вебмастеров - GoFuckBiz.com

  Форум успешных вебмастеров - GoFuckBiz.com > Бизнес-решения > Скрипты, программы и технические решения
Дата
USD/RUB58.4960
BTC/USD0.0000
Скрипты, программы и технические решения Обсуждаем скрипты, программы и новые технологии.

Закрытая тема
Опции темы Опции просмотра
Старый 31.05.2015, 16:24   #1
мурз
Ебланнед
 
Регистрация: 30.04.2015
Сообщений: 385
Бабло: $60115
Question Почему relative блоки залезают друг на друга?

чё-то я первый раз в такое упёрся..
вроде же relative - означает "друг за другом по порядку"?
но блоки лезут друг на друга

Код:
<!DOCTYPE html>
<html>
<head>
</head>

<body>

<div style='position:relative;top:3em;height:4em;background:red'></div>
<div style='position:relative;left:1em;top:2em;height:10em;background:black;'></div>

</body>
</html>
мурз вне форума  
Старый 31.05.2015, 17:04   #2
мурз
Ебланнед
 
Регистрация: 30.04.2015
Сообщений: 385
Бабло: $60115
ТС -->
автор темы ТС По умолчанию

в общем сам разобрался, нужен margin-top
только непонятно - схуяли
мурз вне форума  
Старый 31.05.2015, 23:29   #3
malishka
Member
 
Аватар для malishka
 
Регистрация: 28.11.2009
Сообщений: 483
Бабло: $206055
По умолчанию

Цитата:
вроде же relative - означает "друг за другом по порядку"?
Цитата:
Давайте начнем рассмотрение с относительного позиционирования, которое будет соответствовать значению position: relative. После того, как мы пропишем его для какого-либо тэга, у нас появится возможность задавать смещение (осуществлять позиционирование) для этого элемента с помощью дополнительных правил Left, right, top и bottom (влево, вправо, вверх и вниз, соответственно):
прописал отступы, вот они и перекрываются
malishka вне форума