Quiero hacer que el div de mis hijos tome el espacio restante de la pantalla y deshabilite la opción de desplazamiento, porque estoy usando PanZoom, quiero que el div de los niños sea siempre 100 y la pantalla
<div class="parent"> <menu> ... </menu> <div class="children"> <panzoom></panzoom> //the image can change size, height etc. </div> </div>traté de usar
children { height : 100% }Pero con PanZoom, el div es más grande y aparece la opción de desplazamiento.
Honestamente, no estoy seguro exactamente de lo que quieres decir, tu pregunta no está clara, pero aquí hay una posible respuesta.
Si desea hacer que un elemento sea realmente de pantalla completa, no solo debe establecer la altura al 100%, debe considerar la pantalla del usuario, así:
.element { height: 100vh; // sets the height to the full screen view height width: 100vw; // sets the width to the full screen view width overflow: hidden; // hides scrolling }Si no desea que aparezca la barra de desplazamiento, puede hacerlo
.children { overflow: hidden; }