Информация о том, как использовать поля

Question

Мне нужна информация о том, как использовать поля и как точно работает padding .

Например: я должен поставить строку, занимающую всю ширину страницы (независимо от того, какое разрешение используется для отображения веб-страницы), оставляя лишь небольшую рамку с каждой стороны, как мне этого добиться?

Answer 1

Посмотрите на это: http://redmelon.net/tstme/box_model/

По сути, элемент состоит из содержимого, окруженного его отступом, затем границей, затем полем. Фоновые изображения распространяются только до границы. Поля лучше всего описать как «пробел вокруг этого элемента».

Но взгляните на приведенный выше URL и создайте себе тестовую страницу, с которой все будет в порядке.

Answer 2

Другой способ проиллюстрировать это в блочной модели: заполнение - это внутреннее «поле», поле - это буфер вокруг блока.

Answer 3

Я думаю, что это должно делать то, что вы хотите:

<table width="100%" cellpadding="5">
  <tr>
    <td>
One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... 
    </td>
  </tr>
</table>

Установка ширины на «100%» заставляет текст использовать полную ширину, а установка ячеек на ячейку на «5» устанавливает невидимую границу 5 пикселей.