Red de conocimiento informático - Espacio del host - El navegador móvil obtiene la altura de visualización del DIV adaptable

El navegador móvil obtiene la altura de visualización del DIV adaptable

El DIV necesita adaptar automáticamente su altura en función de los elementos que contiene, por lo que ciertamente no hay forma de definir una altura real para ese DIV. En su lugar, encontraremos un DIV anidado aleatoriamente que no se ajusta a la altura. Esto es algo muy frustrante. A continuación se muestran algunas formas. Un ejemplo aproximado es el siguiente: lt;div id="main"gt;

lt;div id="content"gt;lt;/divgt;

lt;/divgt Cuándo Contenido Cuando hay mucho contenido, incluso si la altura de la configuración principal es 100 o automática, la extensión automática no se puede completar en diferentes navegadores. La altura del contenido es mayor, pero la altura del cuerpo del contenedor aún no se puede estirar. Podemos resolver este problema de tres maneras.

Agregue un flotador claro para que el contenedor principal sepa la altura. Tenga en cuenta que el flotador transparente tiene un espacio en el contenedor.

lt;div id="main"gt;

lt;div id="content"gt;lt;/divgt;

lt;div estilo ="font:display:block"gt;lt;/divgt;

lt;/divgt; Agrega un contenedor que existe en el código pero que no es visualmente visible.

lt;div id="main"gt;

lt;div id="content"gt;lt;/divgt;

lt;div estilo ="height: 1px; margin-top: -1px; clear: ambos. overflow: oculto; "gt;lt;/divgt;

lt;/divgt; Agregue BR y establezca el estilo en claro: ambos. Ahora, puede utilizar el siguiente método para lograr el efecto de altura adaptable DIV #main {height: 100;