css - Css 调整百分比宽度

Question

只是一个小问题：

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

任何帮助，将不胜感激。

谢谢

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