当桌子达到最小宽度时,100%宽度的黑带会产生间隙

时间:2013-08-25 04:51:36

标签: html css

我上面有一个乐队,底部有一个桌子。

当桌子没有最小宽度时,带子(100%宽度)可以完美地覆盖100%的屏幕,但是,当我将最小宽度:950px添加到桌面时我得到了一个间隙我不能当屏幕调整到较小的尺寸时,在屏幕的右侧摆脱。

我环顾四周,但我无法使用此处的任何建议进行修复。任何帮助表示赞赏

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

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

1 个答案:

答案 0 :(得分:0)

目前还不清楚你究竟在问什么。如果你的意思是说通过添加一个表格宽度,“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;}

编辑:将“min-width”属性添加到“band”类