ホームページ  >  記事  >  ウェブフロントエンド  >  Firefox および IE9 用の CSS レイアウト_html/css_WEB-ITnose

Firefox および IE9 用の CSS レイアウト_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:47:08912ブラウズ

b51a7d8f04171fe44bb9c31098fe244c
#all
{幅:100%;高さ:100%;}
#all #L
{幅:20%;高さ:100%;float:left;}
# all #L #a
{幅:100%;高さ:10%;}
#all #L #a #a1
{ 幅:33%;高さ:100%;float:left;}
#all#l#a height:100%;float:left;}
#all #L #b
{width:100%;height:10%;}
#all #L #b #b1
{ width :33%;height:100%;float:left;}
#all #L #b #b2
{ width:33%;height:100%;float:left;}
#all # L #b #b3
{ 幅:33%;高さ:100%;float:left;}
#all #L #c
{幅:100%;高さ:10%;}
#all #L #c #c1
{ width:33%;height:100%;float:left;}
#all #L #c #c2
{ width:33%;height: 100%;float:left;}
#all #L #c #c3
{ width:33%;height:100%;float:left;}
#all #L #d
{幅:100%;高さ:10%;}
#all #L #d #d1
{ 幅:33%;高さ:100%;float:left;}
#all #L # d #d2
{ 幅:33%;高さ:100%;浮動小数点:左;}
#all #L #d #d3
{ 幅:33%;高さ:100%;浮動小数点:左;}
#all #L #e
{幅:100%;高さ:10%;}
#all #L #e #e1
{ 幅:33%;高さ:100% ;float:left;}
#all #L #e #e2
{ width:33%;height:100%;float:left;}
#all #L #e #e3
{ width:33%;height:100%;float:left;}
#all #L #k
{width:100%;height:36%;}
#all #L #lg
{幅:100%;高さ:10%;}
#all #L #lg #lg1
{幅:50%;高さ:100%;float:left;}
#all # L #lg #lg2
{幅:50%;高さ:100%;float:left;}
#all #R
{幅:80%;高さ:100%;float:left;}
#all #R #ra
{幅:100%;高さ:16%;}
#all #R #ra #ra1
{ 幅:25%;高さ:100%;float :left;}
#all #R #ra #ra2
            { 幅:25%;高さ:100%;浮動小数点:左;}
#all #R #ra #ra3
{ 幅:25%;高さ:100%;浮動小数点:左;}
# all #R #ra #ra4
{ width:25%;height:100%;float:left;}
#all #R #rb
{width:100%;height:16%;}
#all #R #rb #rb1
{ width:25%;height:100%;float:left;}
#all #R #rb #rb2
{ width:25% ; height:100%;float:left;}
#all #R #rb #rb3
{ width:25%;height:100%;float:left;}
#all #R #rb # rb4
{ width:25%;height:100%;float:left;}
#all #R #rc
{width:100%;height:16%;}
#all # R #rc #rc1
{ 幅:25%;高さ:100%;float:left;}
#all #R #rc #rc2
{ 幅:25%;高さ:100%;float :left;}
#all #R #rc #rc3
{ width:25%;height:100%;float:left;}
#all #R #rc #rc4
{ width :25%;height:100%;float:left;}
#all #R #rd
{width:100%;height:16%;}
#all #R #rd #rd1
{ 幅:25%;高さ:100%;浮動小数点:左;}
#all #R #rd #rd2
{ 幅:25%;高さ:100%;浮動小数点:左;}
#all #R #rd #rd3
{ width:25%;height:100%;float:left;}
#all #R #rd #rd4
{ width:25%;height: 100%;float:left;}
#all #R #re
{width:100%;height:16%;}
#all #R #re #re1
{ width:25 %;height:100%;float:left;}
#all #R #re #re2
{ width:25%;height:100%;float:left;}
#all #R # re #re3
{ width:25%;height:100%;float:left;}
#all #R #re #re4
{ width:25%;height:100%;float:left ;}
#all #R #rf
{幅:100%;高さ:16%;}
#all #R #rf #rf1
{ 幅:25%;高さ:100% ;float:left;}
#all #R #rf #rf2
{ width:25%;height:100%;float:left;}
#all #R #rf #rf3
{ 幅:25%;高さ:100%;浮動小数点:左;}
#all #R #rf #rf4
{width:25%;height:100%;float:left;}
531ac245ce3e4fe3d50054a55f265927

コードは上記の通りで、ヘッダー ファイルはありませんFirefox の表示は正常ですが、IE の表示全体の高さが画面を超えており、各ブロックの高さがいっぱいではないかサポートされていません。最初のテキストが追加されます 4b4eac9ddbdbd42841f7c890415e0d48 > ;

b51a7d8f04171fe44bb9c31098fe244c

e5323b80b7cdba5fa628a1c89784fa75
の前に html と body の高さを定義します。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。