Html css分区宽度（按内部分区百分比）
我有一个这样的右侧边栏和边栏的内容<代码>右侧面板最初未出现。我没有设置css宽度大小。当我单击菜单时，Html css分区宽度（按内部分区百分比）,html,css,Html,Css,我有一个这样的右侧边栏和边栏的内容右侧面板最初未出现。我没有设置css宽度大小。当我单击菜单时，rightPanelContent正在填充html元素，而rightPanel正在打开 所以我不想设置右侧面板的宽度（比如页面的20%）。我想将rightPanelContent主页宽度百分比设置为20%。但它得到的是右面板的百分比，而不是页面百分比 这是工作代码将您的标记更改为 <body> <div id="main"> <div class=
rightPanelContent右侧面板的宽度（比如页面的20%）。我想将rightPanelContent
主页宽度百分比设置为20%。但它得到的是右面板的百分比，而不是页面百分比
这是工作代码将您的标记更改为
<body>
<div id="main">
<div class="rightPanel" >
<div class="rightPanelContent"></div>
</div>
</div>
</body>
如果希望它拥有视口的20%
使用
你的问题不清楚。你能发布你如何填充内容、设置宽度等的示例代码吗？最好添加JSFIDLE。请添加你的代码并共享链接。请与我们共享FIDLE。我想我理解你的意图。您要做的是将面板绝对定位在侧面，并将其宽度设置为20%，然后将其移出视图（将其隐藏在父级溢出：隐藏
。当内容开始进入时，只需将面板移出。类似这样的操作
<body>
<div id="main">
<div class="rightPanel" ></div>
<div class="rightPanelContent"></div>
</div>
</body>
.rightPanelContent { width:20%}
.rightPanelContent { width:20vw}