html - 当表格获得最小宽度时，具有 100% 宽度的黑色带会出现间隙

Question

我在顶部有一个乐队，在底部有一张桌子。

当表格没有最小宽度时，条带（宽度为 100%）可以完美覆盖 100% 的屏幕，但是，当我将 min-width:950px 添加到表格时，我得到了一个我无法摆脱的间隙每当屏幕调整为较小的尺寸时，屏幕右侧就会出现。

我环顾四周，但我无法用这里的任何建议来解决它。任何帮助表示赞赏

小提琴：http: //jsfiddle.net/xxVUW/

#band{width:100%;height:100px;background: black;}
#port-content{min-width:950px;}

Answer 1

目前还不清楚你在问什么。如果你的意思是通过添加表格宽度，“band”div 不再匹配表格的宽度，那么你需要做的就是将“band”div 的宽度设置为等于桌子。

更新小提琴：http: //jsfiddle.net/xxVUW/2/

#band{min-width:950px; width:100%;height:100px;background: black;}
#port-content{min-width:950px; border:1px solid red;}

编辑：为“band”类添加了“min-width”属性