CSS Fixo Solução Posicionamento a um dos Problemas do quadro

nas o painel principal tem barras de rolagem. Então, nós não precisamos de as barras de rolagem do elemento BODY. Você tira as barras de rolagem do elemento do corpo com "overflow: hidden" na regra CSS para a posição do corpo element.The PropertyAll os elementos DIV têm a propriedade de posição com valor, "fixo". Isto é principalmente o que dá os DIVs o recurso de posicionamento fixo.

largura, altura, superior e esquerda propertiesThe valores para essas propriedades são em relação ao bordas superior e esquerda da área de cliente da página web e não no que diz respeito às margens de algum elemento de nível de bloco. Eu tenho usado a unidade percentual em outra para cobrir apenas a área inteira do cliente. Usando a unidade de pixels que cobrem mais ou menos da área do cliente. Sempre use a unidade de percentagem quando você está considerando uma visão global da área do cliente ou web page.

z-index propertyWith concepção normal, o índice z é considerado na posição z-index, zero; os elementos do elemento BODY são consideradas na posição z-index 1. Os elementos para propriedades de posição fixa ou absolutos podem começar a vir na posição z-index 2, para cima. Então, os DIVs posição fixa estão em posição z-index 2, na página web aqui. Qualquer outra camada nesta página web deve ser de posição z-index 2 e above.Scroll bar para Principal PanelWith esta disposição apenas o painel principal bares normalmente tem de rolagem.

Isso é feito com o "overflow: scroll" na regra de CSS para o DIV do painel principal. Valores percentuais em CodeIf você adicionar os valores percentuais em uma linha para os diferentes DIVs, você terá 100% para a largura ou altura total da área do cliente; este evita a sobreposição dos DIVs. Quadros ConclusionHTML servir a dois propósitos. Um deles pode ser servido por CSS Fixo Posicionamento com elementos DIV HTML. No artigo, Layout com DIVs em vez de Quadros para HTML, que é para velhos e novos navegadores, os elementos do painel DIV pode ser considerado a nível z-index 1.

Aqui as DIVs correspondentes estão no nível do índice z 2. A tecnologia ilustrada neste artigo é apenas para novos navegadores. Chrys