margin рассчитывается не от родителя

Arn · October 7, 2010

margin - "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента."

<!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css">
#parent {
height: 30px;
width: 160px;
margin: 15px 0 0 0;
background: #848484;
}
#child {
margin: 45px 0 0 0;
border: 1px solid #000000;
}
	</style>
</head>

<html>
<body>
<div id="parent">
	<div id="child">вяпаквыякп
	</div>
</div>
</body>
</html>

В нем margin элемента div#child считается не от родителя div#parent а от окна браузера,

при этом если div#parent добавить любую рамку то margin считается уже от него, что за ирунда?

Сорь за нубский вопрос но вразумительного ответа на него не нашел = )

Edited October 7, 2010 by Arn

Vlad · October 7, 2010

Эффект называется "схлопывающийся margin". Вот здесь можно почитать старую статью об этом.

http://softwaremaniacs.org/blog/2005/09/05...t-flow-margins/

Arn · October 7, 2010

Эффект называется "схлопывающийся margin"

Ааа, спс, понял, просто не ожидал что схлопывание работает и с собственным родителем (причем даже если у него margin: 0)!! Ладно, буду padding`ом делать. Спс еще раз = )

Edited October 7, 2010 by Arn

Sign In

margin рассчитывается не от родителя

Question

Arn

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Arn

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information