Переполнение скрытого свойства не будет работать - PullRequest
0 голосов
/ 08 марта 2011

Вот код, он находится вне контейнера.По какой-то причине я не могу понять, элемент не будет скрывать.Есть ли какой-то конфликт между свойствами?

#header2 {
    position: absolute;
    top: 71px;
    left: 0%;
    margin-left: -906px;
    width: 2831px;
    height: 56px;
    background:url("images/header2.gif") no-repeat;
    overflow: hidden;
}

Ответы [ 2 ]

2 голосов
/ 08 марта 2011

visiblity: hidden; или display: none;

С видимостью вы будете скрывать элемент, но он все равно изменит отображение DOM, где, display полностью скрыть элемент, с поведением, как если бы оно было удалено.

Редактировать:
Да, в таком случае, вы должны посмотреть 100% исправление высоты/ липкий нижний колонтитул / как бы вы его ни называли и добавьте overflow: hidden; в свой контейнер .По этой причине вы должны добавить свой элемент #header2 как дочерний элемент container .Кроме того, добавьте position: relative; к контейнеру , чтобы #header2 абсолютная позиция вычислялась из контейнера .

Собственно, в этом случае ваш контейнер будет новым body, поэтому вы должны добавить к нему overflow и сделать #header2 дочерним.

Конечно, если ваш сайт не расширяется по вертикали, вы можете получитьдобавив только свойство overflow: hidden; к вашему тегу body.

Все, что хлопотно, так это то, что свойство overflow скрывает внутреннее содержимое, которое выходит за пределы измерений элемента.По сути, переполнение работает как кадрирование.

0 голосов
/ 08 марта 2011

Полагаю, вы ищете ответ display: none?

...