Jump to content
  • 0

Расположение элементов на странице


Vulner
 Share

Question

Очень долгое время меня уже мучает вопрос относительно того, как правильно размещать элементы в нужных позициях. Например есть текст в контейнере. Контейнер без границ, фона. Текст необходимо расположить скажем на некотором расстоянии от верха. Чисто визуально ведь этого можно добиться используя padding-top, или margin-top, или и то и другое вместе. Или используя position, воспользоваться top. То же само касается правого, нижнего и левого краев. И то же самое касается не только текста. Так что же все таки предпочтительнее и в каких ситуациях использовать? Может есть некие "правила"? Например для одних элементов одно, для других другое.. Или это вообще дело вкуса? Подскажите пожалуйста, поскольку хочется окончательно расставить все по своим местам, и не париться в будущем над тем что же выбрать.

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Странный вопрос, на самом деле. Просто действуйте по ситуации, принимая во внимание тот факт, что margin не увеличит размеры блока, к которому применяется, добавив внешние отступы, а значение padding, соответственно, прибавится к этим размерам. Ну и всё это при условии, что свойство box-sizing не установлено в border-box.

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