Question

<body>
    <div id="main">
        <div class="rightPanel" >
            <div class="rightPanelContent"></div>
        </div>
    </div>
</body>

我有这样的右侧边栏和侧边栏的内容。 rightPanel最初没有出现。我没有设置css宽度大小。当我单击一个菜单时，rightPanelContent正在填充html元素并且rightPanel正在打开。

所以我不想设置rightPanel的宽度（如页面的20％）。我想将主页的rightPanelContent宽度百分比设置为20％。但它获得rightPanel的百分比，而不是获得页面百分比。

以下是工作代码jsfiddle.net

Answer 1

将您的标记更改为此

<body>
    <div id="main">
        <div class="rightPanel" ></div>
        <div class="rightPanelContent"></div>
    </div>
</body>

然后设置

 .rightPanelContent { width:20%}

如果您希望它拥有20％的视口

 .rightPanelContent { width:20vw}