css的div宽度由内部div的百分比

-1

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

我有一个这样的右侧边栏和侧边栏的内容。 rightPanel一开始并未出现。我没有设置CSS宽度大小。当我点击一个菜单时，rightPanelContent正在填充html元素，而rightPanel正在打开。css的div宽度由内部div的百分比

所以我不想设置rightPanel的宽度（就像页面的20％）。我想设置rightPanelContent主页宽度百分比20％。但它得到rightPanel的百分比，没有得到页面百分比。

这里是工作的代码jsfiddle.net

2015-05-07 barteloma

你的问题不清楚。你可以发布你如何填写内容，设置宽度等示例代码。更好地添加jsfiddle。 –

请将您的代码添加到http://jsfiddle.net/并共享链接。 – Anuja

请与我们分享一把小提琴。 – Lal

您的标记改成这样

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

然后设置

.rightPanelContent { width:20%}

，如果你希望它有视

.rightPanelContent { width:20vw}

2015-05-07 07:04:35

回答