的CSS證明百分比寬度

只是一個小問題：的CSS證明百分比寬度

.site-main .sidebar-container { 
display:inline-block; 
vertical-align:top; 
width:25%; 
padding:0px; 
margin:0; 
border:0; 
z-index:2; 
float:right; 

} 
.content-area-sidebar{ 
width:75%; 
display:inline-block; 
}

爲什麼這個寬度不工作？其中一個元素總是下降，我需要設置24.79％的寬度才能工作，然後我在它們之間有一個小的空白區域，我嘗試過所有類型的浮動組合，但沒有任何效果。

任何幫助，將不勝感激。

謝謝

來源

2013-10-22 Jose Lo

你可以做一個JSFiddle嗎？ –

這似乎孤立地工作http://jsfiddle.net/w3ZNb/你使用的瀏覽器是什麼？和版本？您的問題很可能是由本示例中未顯示的其他css或html引起的。 – Pricey

設置的空白：0像素到你的第二個CSS太：

.content-area-sidebar{ 
width:75%; 
display:inline-block; 
margin:0px; 
}

通過HT方式，如果它不工作，我建議你使用一個div作爲父容器相對和孩子位置divs擁有絕對的位置，所以永遠不會混淆：

<div style="position:relative"> 
    <div style="width:25%;top:0px;left:0px;position:absolute;"></div> 
    <div style="width:75%;top:0px;left:25%;position:absolute;"></div> 
</div>

來源

2013-10-22 23:26:25

的CSS證明百分比寬度

回答

相關問題