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

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

Css证明百分比宽度

1 个答案: