Какое значение CSS свойства width у DIV блока по умолчанию auto или 100%?

Dmitriy_2014
На сайте с 01.07.2014
Offline
276
577

Всем привет!

Извиняюсь за тупой вопрос, но какое значение width у div блока задано по дефолту, auto или 100% и есть ли разница между auto и 100%?

Заранее всем спасибо за ответы!


X
На сайте с 17.02.2006
Offline
139
#1
N
На сайте с 17.06.2012
Offline
78
#2
width
width
  • htmlbook.ru
Значение по умолчанию Наследуется Применяется Ссылка на спецификацию Версии CSS CSS 1 CSS 2 CSS 2.1 CSS 3 Описание Устанавливает ширину блочных или заменяемых элементов (к ним, например, относится тег ). Ширина не включает толщину границ вокруг элемента, значение отступов и полей. Браузеры неодинаково работают с шириной, результат отображения...
tommy-gung
На сайте с 22.11.2006
Offline
287
#3
от display зависит
Здесь не могла быть ваша реклама
Dmitriy_2014
На сайте с 01.07.2014
Offline
276
#4
Если посмотреть через код элемента -> Computed, то display у него по дефолту block, ну это мне понятно, а вот width там показан в цифрах, скажем 500px и это правильно ширина блока занимает все пространство по ширине того блока в который вставлен бок, короче 100%, ладно буду думать что по дефолту width установлен в 100%, хотя если поменять на auto то ничего не меняется, извиняюсь что отвлек, просто убрал width 100%, а теперь думаю а зачем я его ставил, может для мобильной версии, но там все ОК, короче теперь только одному богу известно зачем я ставил width  100% если и без него тоже самое :)
S
На сайте с 13.10.2014
Offline
171
#5

если указать width:100% и паддинги, то реальная ширина блока будет > 100% (а точнее 100+ paddings)
если указать width:auto; то результирующая ширина блока будет 100%

иногда имеет смысл обратить внимание на available, вместо auto. Но у этого пропертя пока невысокая поддержка. Короче надо использовать нестандартные свойства -moz -available   и  -webkit-fill-available

M
На сайте с 17.06.2021
Offline
64
#6
Dmitriy_2014 #:
того блока в который вставлен бок, короче 100%, л

Выше писали что от dispaly зависит, если по умолчанию блок стоит, то особой разницы нет, так как див занимает "строку" в любом-простом случае.... сложно описать так) 
Но вот если флекс брать, сразу видна разница
https://codepen.io/makepuff/pen/vYpKxZo

Bybit крипто биржа https://partner.bybit.com/b/58507 /// Зарубежные VPS с оплатой РФ картами https://aeza.net/?ref=416422 (+15% к пополнению)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий