2014-04-03 95 views
1

我有一個容器,有一堆<a>標籤,它們都在一個寬度爲465px的容器內。該容器的名稱爲AssetBrowsercolumn-right,位於容器中,其容量爲overflow-y auto,寬度爲760px,名稱爲Container。還有AssetBrowsercolumn-right問題溢出和寬度

我遇到的問題是,當滾動條可見時,AssetBrowsercolumn-right的寬度是正確的,但是當滾動條沒有顯示時有空格。我無法找出解決這個問題的方法。因爲如果我添加15px的AssetBrowsercolumn-right空間不見了,但當滾動條顯示時,它會搞砸了。

看來,當滾動條是可見的,它會增加10-20px。當它沒有顯示10-20像素被刪除。

有沒有解決這個問題的好方法?

#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中的jsfiddle一個標籤,明白我的意思。

+0

小提琴將是一件好事。 –

回答

0

小提琴將是有益的,但你可以試試這個:

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

它不工作仍然空間,檢查我的jsfiddle多數民衆贊成多數民衆黨多數民衆贊成多數民衆贊成這是我希望它所有的時間,即使滾動條顯示或不顯示。但嘗試刪除一些A標籤,看看我的意思。 – Obsivus

+0

看看你提供的小提琴,你能解決它與動態寬度(見編輯)? – Mike

+0

Didnt work out :(still space – Obsivus