Css 调整百分比宽度答案

【问题标题】：Css justify percentages widthsCss 调整百分比宽度
【发布时间】：2013-11-01 00:21:21
【问题描述】：

一个小问题：

.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% 的宽度才能工作，然后我在它们之间有一个小的空白空间，我尝试了各种浮动组合，但没有任何效果。

任何帮助将不胜感激。

谢谢

【问题讨论】：

你能做一个 JSFiddle 吗？
这似乎孤立地工作jsfiddle.net/w3ZNb您使用的是什么浏览器？和版本？您的问题可能是由本示例中未显示的其他 css 或 html 引起的。

标签： css width percentage justify

【解决方案1】：

也将 margin:0px 设置为您的第二个 css：

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

如果它不起作用，我建议你使用 div 作为父容器，位置相对，子 div 具有绝对位置，所以永远不要混淆：

<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>

【讨论】：