溢出和宽度问题

Question

我有一个容器，它有一堆<a>个标签，它们都在容器内，宽度为465像素。该容器名为AssetBrowsercolumn-right，位于容器内，其overflow-y auto宽度为760px，名为Container。 Container还有AssetBrowsercolumn-right。

我遇到的问题是，当滚动条可见时，AssetBrowsercolumn-right的宽度是正确的，但是当没有显示滚动条时，会有一个空格。我无法找到解决这个问题的方法。因为如果我向AssetBrowsercolumn-right添加15px空间已经消失，但是当滚动条显示时它会搞砸..

似乎当滚动条可见时，它会增加10-20px。当它没有显示10-20px被删除。

对此有什么好的解决方法吗？

#container{
height:500px;
width: 760px;
overflow-y:auto;
}


.assetbrowserColumn {
    float: left;
    width: 280px;

}

.assetbrowsercolumn-right {
    float: right;
    width:465px;
}

.link-items {
padding-top: 4px;
padding-bottom: 4px;
display:block;
padding: 5px 5px 5px 34px;
}

感谢任何形式的帮助

JSFIDDLE

删除jsfiddle中assetbrowserColumn内的一些A标签，看看我的意思。

Answer 1

小提琴会有所帮助，但你可以试试这个：

.assetbrowsercolumn-right {
    float: right;
    width: 100%;
    max-width:480px;
}

修改

您可以像这样设置动态宽度来解决它：

.assetbrowsercolumn {
    float: left;
    width: 35%;
   border: 0px solid black;
}

.assetbrowsercolumn-right {
    float: right;
    width:65%;
       border: 0px solid black;
}