css white-space: nowrap yatay kaydırma hata

Question

Ben tarayıcı yeterince geniş olduğunda göz dar resized edildiğinde, bu

benziyor

<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> 

şu biçimlendirme, görünüşe sahip Bu gibi

Kaydırdığımda, dar görüntünün gri arka planını sağa doğru genişletmesini istiyorum. , #outer tarihinde width: 100% kaldırıp float: left ekleyin: benim biçimlendirme ve css hakkında ne bu istenmeyen etkiye (Krom, FF3 ve IE8 oluşur)

Answer 1

kolay bir çözüm bu yapmaktır neden oluyor.

Live Demo