Jump to content
  • 0

Использование в margin отрицательных значений


Дажьбог
 Share

Question

6 answers to this question

Recommended Posts

  • 0

Сабж,это нормально или как-то это можно обойти?

Отрицательное значение для margin - это нормальное явление, если вам нужно сместить блок относительно текущего положения в обратную сторону или так чтобы края блока выглядывали из-за текста и т.д. Только учитывайте, что поведение при смещение при помощи margin и position:relative отличаются.

Edited by DStereo
Link to comment
Share on other sites

  • 0

В общем,то вопрос возник из-за того, что когда уменьшаешь окно блаузера одно наезжает на другое.Как сделать чтобы при уменьшении или увеличении размера окна не появлялись такие дефекты?

Link to comment
Share on other sites

  • 0

В общем,то вопрос возник из-за того, что когда уменьшаешь окно блаузера одно наезжает на другое.Как сделать чтобы при уменьшении или увеличении размера окна не появлялись такие дефекты?

Сходу ответить на ваш вопрос тяжело, нужно видеть код.

Link to comment
Share on other sites

  • 0

Ну в целом ,что должен соблюдать верстальщик ,чтобы такого не было?

Обычно чтобы не наезжали блоки один на другой, нужно делать padding или margin для блока который содержит блок с отрицательным margin или просто соседний с ним, такой же величины как этот отрицательный margin. Приведу простой пример. У вас есть два блока, определенной ширины - один прижимается к левой границе экрана,

border:1px solid #000;float:left;width:200px

другой прижимается к правой границе экрана.

border:1px solid #000;float:right;width:200px;margin-left:-20px

Эти блоки могут иметь фоновый цвет или границы. При сужении окна браузера правый блок будет двигаться в сторону левого, пока не достигнет его границы, плюс еще будет смещен влево на 20px, тем самым будет перекрывать левый блок. Чтобы такого не происходило, нужно левому блоку добавить margin-right:20px, тогда перекрытия не произойдет.

Edited by DStereo
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