*   >> Lectura Educación Artículos >> science >> programación

CSS Fijo Solución Posicionamiento a uno de los motores del marco Problems

ura: 85%; superior: 15%; izquierda: 20%; frontera: azul sólido 1px; overflow: desplazarse; z-index: 2} Hearder Sidebar para enlaces de contenido principal va aquí hereherehereIn el diseño, he utilizado las fronteras para demarcar los DIVs, pero su presencia no es obligatoria. Las barras de desplazamiento de CUERPO ElementWith esta disposición, normalmente, sólo el panel principal ha barras de desplazamiento. Así que no necesitamos las barras de desplazamiento del elemento BODY.

Te quitas las barras de desplazamiento del elemento del cuerpo con "overflow: hidden" en la regla CSS para la posición CUERPO element.The PropertyAll los elementos DIV tienen la propiedad position con valor, "fija". Eso es principalmente lo que da a los DIVs la función de posicionamiento fijo. anchura, altura, superior e izquierdo valores propertiesThe para estas propiedades son con respecto a los bordes superior e izquierdo del área de cliente de la página web y no con respecto a los bordes de un elemento a nivel de bloque.

He utilizado la unidad porcentual en otra para cubrir solo todo el área de cliente. Uso de la unidad de píxeles cubriría menos o más del área de cliente. Utilice siempre la unidad de porcentaje cuando usted está considerando una visión global del área de cliente o en la web page.z índice propertyWith diseño normal, el z-index se considera que es en la posición z-index, cero; los elementos del elemento BODY se consideran en la posición z-index 1. Los elementos de las propiedades de posición fija o absolutos pueden comenzar a venir en la posición z-index 2, hacia arriba.

Así, los DIVs posición fija están en la posición z-index 2, en la página web aquí. Cualquier otra capa en esta página web debe ser desde la posición z-index 2 y above.Scroll bar para Main PanelWith esta disposición sólo el panel principal bares normalmente ha de desplazamiento. Esto se hace con el "overflow: scroll" en la regla CSS para el DIV del panel principal. Los valores de porcentaje en CodeIf se agregan los valores de porcentaje en una línea para las diferentes DIVs, tendrá 100% de la anchura o la altura del área total de clientes; esto evita la superposición de los DIVs.

Marcos ConclusionHTML sirven para dos propósitos. Uno de ellos puede ser servido por CSS fijo Posicionamiento con elementos DIV HTML. En el artículo, diseño con DIVs en lugar de Marcos para HTML, que es para los navegadores antiguos y nuevos, los elementos del panel DIV puede ser considerada a nivel z-index 1. Aquí los DIV

Page   <<  [1] [2] [3] [4] >>
Copyright © 2008 - 2016 Lectura Educación Artículos,https://lectura.nmjjxx.com All rights reserved.