html - 当表格达到最小宽度时,宽度为 100% 的黑色 strip 会出现间隙

标签 html css

我上面有一个乐队,下面有一张 table 。

当表格没有 min-width 时,带(宽度为 100%)完美地覆盖了 100% 的屏幕,但是,当我将 min-width:950px 添加到表格时,我得到了一个间隙,我不能每当屏幕调整为较小尺寸时,摆脱屏幕右侧的 。

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

fiddle :http://jsfiddle.net/xxVUW/

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

最佳答案

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

更新 fiddle :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”属性

关于html - 当表格达到最小宽度时,宽度为 100% 的黑色 strip 会出现间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18425811/

相关文章:

html - 背景图像未出现

javascript - 克隆元素更改事件行为

css - 保持图像之间的 div 位置

css - IE7下拉菜单右移

html - <thead> 在移动版 WordPress 表格中没有响应

Javascript:在 <br> 之前和之后向内容添加元素

html - 在 PHP/HTML 中对齐信息

html - 设计和滚动条的CSS代码

css - HTML5 和 CSS 标题横幅图像和文本对齐

jquery - 使用 JQuery 切换一个 div