我有以下标记
<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>
When the browser is wide enough, it looks like this
When the browse is resized narrow, it looks like this
我希望当我滚动时,窄视图的灰色背景能够一直延伸到右侧。我的标记和 css 导致了这种不需要的效果(在 Chrome、FF3 和 IE8 中发生)
一个简单的解决方案是这样做:#outer
, 消除width: 100%
并添加float: left
.
现场演示
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)