CSS пробел: теперь ошибка горизонтальной прокрутки - PullRequest
Новая
       11

CSS пробел: теперь ошибка горизонтальной прокрутки

6 голосов
/ 11 февраля 2011

У меня есть следующая разметка 

<style type="text/css">
    #outer
    {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        width:100%;
        white-space:nowrap;
    }

    #inner
    {
        background-color:#CCCCCC;
        margin:0px 4px 0px 4px;
        padding:5px 5px 0px 5px;
        border:1px solid #9A9A9A;
        border-width:1px 1px 0px 1px;
    }

</style>

<div id="outer">
    <div id="inner">
    TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
    </div>
</div>

Когда браузер достаточно широк, он выглядит так wide

При уменьшении размера просмотра это выглядит так narrow

Я хочу, чтобы при прокрутке серый фон узкого обзора расширялся полностью вправо. Что насчет моей разметки и CSS вызывает этот нежелательный эффект (происходит в Chrome, FF3 и IE8)

1 Ответ

5 голосов
/ 11 февраля 2011

Простым решением является сделать это: на #outer, удалите width: 100% и добавьте float: left.

Live Demo

...