HTML/CSS: есть ли ошибка в свойстве типа контейнера, когда она установлена на «размер» на теге ?Html

Программисты Html
Ответить
Anonymous
 HTML/CSS: есть ли ошибка в свойстве типа контейнера, когда она установлена на «размер» на теге ?

Сообщение Anonymous »

Я работаю над веб -дизайном для личного блога, и я, кажется, сталкивался с какой -то ошибкой, или, может быть, я что -то упускаю. Для изображения того, что я пытаюсь объяснить в этом посте, вот кодез, иллюстрирующий проблему. Если вы хотите не нажимать на него, вот HTML (минус Doctype и тому подобное): < /p>

Код: Выделить всё


Some text


< /code>
Вот css: < /p>
body {
background-color: red;

/** Comment/uncomment the next line to see the color change**/
container-type: size;
}

.container {
background-color: green;
container-type: size;
/**Simply cosmetic**/
display: flex;
width: 250px;
aspect-ratio: 1;
justify-content: center;
align-items: center;
margin: auto;
}
< /code>
Я установил контейнерный тип в Div, чтобы показать, что он не «отключает» цвет фона в Div. Также обратите внимание, что если вы измените контейнерный тип на входное значение 
в теге тела, цвет фона работает.
Я также попытался назначить имя класса тегу тела и использовать селектор классов, но проблема не сохраняется, если я снова не изменяю тип контейнера в inline-size . Проблема также происходит, если я использую метод длинного рук: < /p>

Код: Выделить всё

body {
container: name / size;
}
Я полагаю, что обходной путь состоит в том, чтобы обернуть содержание тела внутри еще одного Div и установить этот Div в качестве контейнера, но я не могу представить себе вескую причину «отключения» определения цвета фона тега тела, если его контейнер устанавливается в размерах . (В этом случае тело/просмотр) будет влиять на размер/высоту одного из детей.
Итак, это ошибка? Если так, как и кому я сообщаю?

Подробнее здесь: https://stackoverflow.com/questions/797 ... et-to-size
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»