Jump to content
  • 0

Как правильно задавать маргины?


jackus
 Share

Question

Уважаемые гуру, подскажите как правильно задавать маргины? Например у нас есть два елемента, например два дива, один под одним, и между ними должен быть отступ, например в 20 пикселей. Как правильно сделать, верхнему задать свойство margin:0 0 20px 0; или же нижнему задать margin:20px 0 0 0; есть ли вообще какае-то разница?

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
Уважаемые гуру, подскажите как правильно задавать маргины? Например у нас есть два елемента, например два дива, один под одним, и между ними должен быть отступ, например в 20 пикселей. Как правильно сделать, верхнему задать свойство margin:0 0 20px 0; или же нижнему задать margin:20px 0 0 0; есть ли вообще какае-то разница?

Почитайте в гугле про схлопывание маргинов и сразу же все поймете.

Link to comment
Share on other sites

  • 0

я немного не про то спрашивал, у меня нету с этим проблем, мне просто интересно как правильно их делать. То есть сделать нижний маргин от хедера или верхний от контента? чтобы между ними был отступ. Результат будет один и тот же, и отображаться будет одинаково, но как правильно? и есть ли вообще такое правило?

Link to comment
Share on other sites

  • 0
я немного не про то спрашивал, у меня нету с этим проблем, мне просто интересно как правильно их делать. То есть сделать нижний маргин от хедера или верхний от контента? чтобы между ними был отступ. Результат будет один и тот же, и отображаться будет одинаково, но как правильно? и есть ли вообще такое правило?

Надо смотреть по ситуации, а вообще делай у контента верхний, пусть нижние блоки толкают верхние :D

Link to comment
Share on other sites

  • 0
я немного не про то спрашивал, у меня нету с этим проблем, мне просто интересно как правильно их делать. То есть сделать нижний маргин от хедера или верхний от контента? чтобы между ними был отступ. Результат будет один и тот же, и отображаться будет одинаково, но как правильно? и есть ли вообще такое правило?

Собственно, о том и речь, что правил нет, если ситуация "модульная", например, выручает оба указывать порой, потому и сказал схлопывание.

Link to comment
Share on other sites

  • 0
Уважаемые гуру, подскажите как правильно задавать маргины? Например у нас есть два елемента, например два дива, один под одним, и между ними должен быть отступ, например в 20 пикселей. Как правильно сделать, верхнему задать свойство margin:0 0 20px 0; или же нижнему задать margin:20px 0 0 0; есть ли вообще какае-то разница?

Зависит от окружающей стреды. Если нужно, чтобы от верхнего блока было 20 пикселей отступа, то указывается верхнему, чтобы любой нижний блок отстоял всегда на одно расстояние.

Если верхний может убираться, а нижний всегда должен отстоять от верхнего на 20 пикселей, то ставится нижнему марджин.

Если должны работать оба правила, то ставится и верхнему, и нижнему.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy