css div width by inner div percent

-1

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

У меня есть правая боковая панель, как это и содержимое боковой панели. rightPanel не появляется вначале. Я не задал размер ширины CSS. Когда я нажимаю меню, rightPanelContent заполняется элементами html, а rightPanel открывается.css div width by inner div percent

Так что я не хочу устанавливать ширину 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%}

, если вы хотите иметь 20% видового экрана

использования Viewport units: vw, vh, vmin, vmax

.rightPanelContent { width:20vw}

источник

2015-05-07 07:04:35

css div width by inner div percent

ответ

Смежные вопросы