Почему relative блоки залезают друг на друга? - Форум успешных вебмастеров

~~мурз~~ · 31.05.2015, 16:24

чё-то я первый раз в такое упёрся..
вроде же 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

в общем сам разобрался, нужен margin-top
только непонятно - схуяли

~~malishka~~ · 31.05.2015, 23:29

Цитата:

вроде же relative - означает "друг за другом по порядку"?

Цитата:

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

прописал отступы, вот они и перекрываются