Как я могу заставить div предполагать 100% содержащего его div?

Question

Я пытаюсь заставить div принять 100% его родительского div. Родительский div действует как оболочка страницы, поэтому он уже принимает 100% ширины страницы. Я пытался добавить width: 100%, но это не сработало. Я немного сбит с толку, потому что это кажется относительно простым делом.

Answer 1

Не указывайте ширину вообще. Для элемента div (или любого другого элемента уровня блока) это заставит его принять 100% ширину независимо от того, какие настройки заполнения / поля он установил.

В зависимости от блочной модели, явная установка ширины 100% может фактически сделать элемент слишком широким , поскольку в него вычисляются отступы.

Если это не сработает, вмешиваются некоторые другие настройки CSS, и вам нужно показать больше вашего макета и HTML-кода.

Answer 2

Вы должны показать больше своего существующего кода CSS как обычно, div по умолчанию занимает все доступное ему пространство при условии, что у него есть некоторый контент.

Кроме этого, убедитесь, что вы установили поле и отступ родительского div равным 0.

.parent{
margin:0;
padding:0;
overflow:auto;
}
.child{
margin:0;
padding:0;
}

Answer 3

display: block;
width: auto;

Должно работать на вас.