elemento XHTML HTML con 100% de la altura causando barras de desplazamiento

StackOverflow https://stackoverflow.com/questions/3557199

Pregunta

En mi archivo CSS utilizo este: 

html,body{height:100%;padding:0;margin:0;border:0;}

¿Qué hace que una barra de desplazamiento vertical para que aparezca en IE8, Chrome 5 y Mozilla 3.6, toda versión más reciente.

Además, el documento está vacío, sólo tiene el HTML, etiquetas de la cabeza y el cuerpo para que nada se va fuera de la pantalla para hacer eso.

desbordamiento Marco: hidden; en el elemento html será completamente detener el desplazamiento en la página.

¿Cómo puedo hacer que desaparezca por favor, sino también mantener el desplazamiento cuando el contenido es superior a la altura de la pantalla?

Gracias.

¿Fue útil?

Solución

necesito altura de 100% en un documento XHTML para que pueda tener elementos div con un 100%.

De todos modos, he encontrado la respuesta:

Este problema sólo se produce cuando la parte superior más elemento tiene un margen superior. Parece que ese margen superior se agrega a la altura del 100% por lo que es más alto y haciendo que la barra de desplazamiento.

Así que, o uso padding-top para separar el elemento más superior o usar una sin margen superior entre la etiqueta y el elemento siguiente con un margen superior.

Otros consejos

overflow: hidden debe ayudar y evitar la visualización de las barras de desplazamiento (lo más probable es perder ~ 1 píxel de contenido debido a errores de redondeo

Puede haber mejores maneras pero simplemente por defecto a 98%, lo que parece obviar las barras de desplazamiento en todos los navegadores.

También puede ajustar la altura utilizando JavaScript, pero que se siente un poco hacky

me encontré con este problema hoy y encontró la barra de desplazamiento no fue causada por un margen superior en el primer elemento, pero por tener tanto los elementos HTML y del cuerpo tienen una altura de 100%.

Por lo tanto, el uso de esta regla CSS:

html,body { height: 100%; }

consigo barras de desplazamiento. Si cambio de que a esta regla CSS:

html { height: 100%; }

No me sale la barra de desplazamiento.

Paz ...

La barra de desplazamiento vertical está llegando a causa de height:100%. No es necesario que a menos que haya una razón para que pueda utilizar eso.

¿Por qué ajuste del 100% de altura en el cuerpo?

Se obtendrá esta altura por defecto.

Tiene sentido altura establecida en el cuerpo sólo si desea establecer una altura numérico en píxeles, como digamos 600px

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top