1

Файл html:

body {
  margin: 0;
}
#header {
  height: 96px;
  min-width: 900px;
  background: green;
}
.podheader {
  height: 96px;
  width: 981px;
  margin-left: 459px;
  background: #050505;
}
<div id="header">
  <div class="podheader"></div>
</div>

При уменьшении окна браузера почему-то пропадает правая часть шапки сайта. Подскажите, пожалуйста, в чем может быть проблема и как ее можно исправить?

2
  • 1
    Она не пропадает. Страница скроллится горизонтально.
    – LEQADA
    23 янв 2016 в 2:18
  • 1
    ну вот погляньте что у вас ! вы родителю задали минимальный размер 900 рх а потомку 981 рх и ещё сдвинули его на 459 рх в право ! потому и появился у вас скролл - потомок не может быть больше родителя - установите потомку ширину в % к примеру 90% но не двигайте его на 459рх а выравняйте по центру а внутри потомка создайде элемент и его можно сдвинуть куда угодно но опять в пределах а можно отпозиционировать в правом углу
    – user33274
    23 янв 2016 в 2:39

1 ответ 1

2

Задавайте ширину в процентах, тогда скролл появляться не будет, и ничего у вас не пропадет !

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.