Я создаю сайт с DIV
с. Все работает, кроме случаев, когда я создаю DIV. Я создаю их так (пример):
newdiv {
width: 200px;
height: 60px;
padding-left: 20px;
text-align: left;
}
Когда я добавляю padding-left
свойство, ширина DIV
меняется на 220px, и я хочу, чтобы оно оставалось на 200px.
Допустим, я создаю другое DIV
имя anotherdiv
точно так же, как и newdiv
, и помещаю его внутрь, newdiv
но newdiv
не имеет отступов и anotherdiv
имеет padding-left: 20px
. Я получаю то же самое, newdiv
ширина будет 220px.
Как я могу решить эту проблему?
Ответы:
Добавить недвижимость:
Примечание: это не будет работать в Internet Explorer ниже версии 8.
источник
Поместите div в ваш newdiv с
width: auto
иmargin-left: 20px
Удалить обивка от newdiv.
На странице модели W3 Box есть хорошая информация.
источник
Попробуй это
источник
Если вы хотите сделать отступ в тексте внутри div, не изменяя размер div, используйте CSS
text-indent
вместоpadding-left
.источник
просто добавь
box-sizing: border-box;
источник
Да, это точно в соответствии со стандартами. Вот как это должно работать.
Нет, newdiv останется шириной 200 пикселей.
источник
просто измените ширину вашего div на 160px, если у вас есть отступ в 20px, он добавляет 40px к ширине вашего div, так что вам нужно вычесть 40px из ширины, чтобы ваш div выглядел нормально и не искажался с дополнительной шириной на нем и твой текст все перепутал.
источник