的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证明百分比宽度

回答

相关问题