在我目前的标记中，我在仪表板div中有两个滚动框。我希望所选任务周围的灰色突出显示拉伸并与信息框周围的突出显示相符合。有没有办法做到这一点？
谢谢！
编辑： 好的，这就是现在的样子。 http://img.photobucket.com/albums/v410/justice4all_quiet/what_it_do.jpg
绿色框周围的灰色框被切掉。我希望它能够拉伸到它右边的灰色边框，这是一个单独的滚动框。
这就是我想要它的样子。 http://img.photobucket.com/albums/v410/justice4all_quiet/example.jpg
答案 0 :(得分：0)
我认为，因为您的<section id="tasks">样式为overflow: scroll;，如果您尝试将<div id="selected_task">拉伸超出其父级定义的宽度，则会创建一个水平滚动条。基本上你不能让overflow: scroll;内的元素忽略滚动规则并在框外渲染......它总是会创建水平滚动条来管理扩展内容。
解决方法可能是使用jQuery scroll bar plugin并使用你的div的position:relative和z-index值感觉这些插件通常使用div的组合来创建它们的滚动条而不是浏览器滚动条。
答案 1 :(得分：0)
滚动条总是有空间，即使它没有被使用。 如果您可以向左强制滚动条，则可以摆脱右侧的间隙。
您可以尝试更改文字方向，将滚动条强制到左侧：
direction: rtl;