Почему блок растягивает на весь экран при width:auto?

@Fatmarmelad · Регистрация: 20.02.2016

Author24 — интернет-сервис помощи студентам

Приветствую!
Ввожу для div

CSS

1	div{width:auto;height:auto;}

Получается высота реально растёт при увеличении контента (текста), но по ширине блок сразу растягивает на весь экран, независимо от содержимого.
В режиме auto ширина зависит от содержимого. Почему тогда блок растягивается?

@Glob35 · 28.11.2017, 23:16

Дело в стандартных стилях браузера, все div'ы по умолчанию имеют свойства display: block, вот из-за него блок и растягивается на всю ширину, нужно добавить своё значение для этого свойства:

CSS

    div{
        width: auto;
        height: auto;
        display: inline-block;
    }

@AlexZaw · 28.11.2017, 23:34

width: auto; устанавливает ширину исходя из типа и содержимого элемента. Это значение по умолчанию, т.е.
его можно и не задавать, как и heigth:auto; Достаточно просто указать display: inline-block;

@AlexZaw Модератор 2275 / 1656 / 650 Регистрация: 07.08.2016 Сообщений: 3,970
	28.11.2017, 23:34	3
	`width: auto;` устанавливает ширину исходя из типа и содержимого элемента. Это значение по умолчанию, т.е. его можно и не задавать, как и `heigth:auto;` Достаточно просто указать `display: inline-block;` 0

Опции темы