2012-05-17 3 views
1

В чем разница между использованием padding-left и margin-left в следующем примере?Разница между этими 2 дополнениями/крайними сценами

http://jsfiddle.net/bt49e/1/

Левое DIV позиционируется абсолютно, а правая ДИВ либо позиционируется с отступа левого/Левое поле. Могут ли они использоваться здесь взаимозаменяемо? И есть ли какие-либо последствия при выборе того или другого?

+2

Одно из отличий: они будут иметь разные расчетные ширины - см. Http://jsfiddle.net/bt49e/2/ – bfavaretto

ответ

3

Основное различие будет вычисленной шириной, как предложено bfavaretto. Другим отличием будет местоположение границы, если вы захотите добавить его. Взгляните на this update to your fiddle, чтобы посмотреть, что я имею в виду.

Вы также можете заметить разницу в размещении по умолчанию любого фонового изображения/градиента, который вы применяете, так как margin добавлен к внешней стороне и padding добавлен в поле.

Смежные вопросы