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

回答