CSS White Space: Nowrap Horizontal Scroll Bug
-
12-11-2019 - |
Question
J'ai le balisage suivant
<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>
Lorsque le navigateur est assez large, il ressemble à ça
Lorsque le navigation est redimensionné, il ressemble à ceci
Je veux que l'arrière-plan gris de la vue étroite s'étende jusqu'à la droite lorsque je fais défiler. Qu'en est-il de mon balisage et CSS provoque cet effet indésirable (se produit dans Chrome, FF3 et IE8)
Pas de solution correcte
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow