Проблема в обработке интервалов для арии интерфейса

Question

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

Как я могу распределить его по всей ширине, не нарушая верхние части интерфейса?

У меня следующий файл css.

#logo {
left:13px;
top:-3px;
position:absolute;
z-index:2;
}
#heading {
height: 150px;
right: 0px;
left: 0px;
top: 0px;
margin-bottom: 5px;
background: #e8e8e8;
position:absolute;
z-index:0;
}
#upperMenu{
position:absolute;
height: 25px;
padding-top:2px;
right: 0px;
left: 0px;
top: 105px;
background: #e38217;
position:absolute;
z-index:1;
}
#content {
right: 0px;
left: 0px;
border: thin solid lightGray;
background: #F0F0F0;
margin-top:150px;
height:700px;
padding-bottom: 20px;
}

Answer 1

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

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

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