Div. Комбинируйте предварительный и фиксированный размер

Question

Возможно ли это? div "menu" и "submenu" должно быть 50px. «верх» и «нижний» должен составлять 60% и 40%. Расчет позади-сцены составит 60% - 50 пикселей для «топ».

<div id="menu"></div> 
<div id="top"> 
</div> 
<div id="submenu"></div>  
<div id="bottom"> 
</div> 

Answer 1

CSS не смешивает устройства, чтобы вы могли сказать 60% - 50 пикселей - чтобы добиться чего-то подобного, вам придется прибегнуть к JavaScript для вычисления размеров.

Если ваши div находятся внутри, вам не придется повторно внедрять слишком много механизма компоновки - при загрузке документа, получить размер видового экрана, а затем вычислить, что 60% - 50 пикселей в пикселях, и назначить это как высота элемента #top, и аналогично для #bottom.

Answer 2

Как вы просите, можете ли вы это сделать? Потому что да, вы можете

#menu, #submenu{ 
    height: 50px; 
} 
#top{ 
    height: 60%; 
} 
#bottom{ 
    height: 40%; 
} 

Что бы случиться, оба меню будет 50px, а затем верхний и нижний бы 60 и 40% страницы. Скорее всего, у вас будут полосы прокрутки, потому что страница будет 100px более 100% страницы, но это очень возможно.

Вы можете смешивать проценты, пиксели и символы ems.