Исправлено, что Div скрывает полосы прокрутки.

Question

У меня странная проблема, у меня есть DIV, который прокручивается внутри моей страницы ... Но внутри этого div у меня есть "заголовок", который ИСПРАВЛЕН .... и потому что мой макет имеет плавную (100%) ширину, онделает обложку "FXED" над полосами прокрутки div ниже ....

Каков наилучший способ исправить это?Я приложил простой скриншот того, что происходит ... надеюсь, это поможет.

/* BLUE SECTION */    
.floatingHeaderBox {
        width: 100%;
    }

    /* RED BOX BELOW */
    .contentBoxRight{
position:absolute;
width:80%;
left:20%;
height:100%;
background-color:#FFF;
border-left:1px solid #CCC;
margin-left:-1px;
}

.contentBoxRight{ overflow:auto; overflow-x:hidden; }

Answer 1

Я думаю, вы можете сделать это так http://jsfiddle.net/yuliantoadi/bXukG/1/

У меня нет вашего HTML, поэтому я сделал это сам.

Answer 2

Если ваш плавающий заголовок находится внутри поля прокрутки, например:

<div class="contentBoxRight">
    <div class="floatingHeaderBox">Hdr</div>
</div>

Вы можете просто добавить отрицательное левое поле для учетной записи полосы прокрутки.поскольку x-overflow установлен на скрытый, вы не сможете сказать, что он перемещен.Добавьте отступы или вспомогательный контейнер, чтобы получить желаемое пространство обратно на левой стороне.

.floatingHeaderBox {
        width: 100%;
        margin-left:-18px;
    }