html - 溢出和宽度问题

Question

我有一个容器，里面有一堆 <a>标签，它们都在一个宽度为 465 像素的容器中。该容器名为 AssetBrowsercolumn-right并且在有overflow-y auto的容器中宽度为 760px，名为 Container . Container还有AssetBrowsercolumn-right .

我遇到的问题是，当滚动条可见时 AssetBrowsercolumn-right 的宽度是正确的，但是当滚动条不显示时有一个空间。我想不出解决这个问题的方法。因为如果我将 15px 添加到 AssetBrowsercolumn-right空间消失了，但是当显示滚动条时，它变得困惑了..

似乎当滚动条可见时它会增加 10-20 像素。当它不显示时，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

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

Answer 1

Fiddle 会很有帮助，但你可以试试这个:

.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;
}