その後、記事のレイアウト、どのようにマルチスクリーンコンテンツを表示するページ

// CSS代码
< スタイル> 
        .wrapper { 
            幅：500pxなど。
            高さ：500pxなど。
            国境：1pxの黒一色。
        } 
        .viewport DIV { 
            幅：500pxなど。
            高さ：500pxなど。
        } 
        .screen1 { 
            背景：赤。
            フロート：左; 
        } 
        .screen2 {
            背景：青; 
            フロート：左;

        } 
        .screen3 { 
            背景：黒。
            フロート：左;

        } 
        .viewport { 
            幅：1500px 。
            高さ：500pxなど。
        } 
        ＃I1：確認〜.wrapper> .viewport { 
           のmargin-left ：0PX 
         } 
          ＃I2：確認〜.wrapper> .viewport { 
           のmargin-left ：-500px 
         } 
          ＃i3は：確認〜.wrapper> .viewport { 
           マージン左：-1000px 
         } 
        .wrapper { 
            オーバーフロー：隠されました。
        }
        入力{ 
            表示：なし。
        } 
        ラベル{ 
            表示：インラインブロック。
            幅：は50px ; 
            高さ：25ピクセル; 
            背景：緑; 
        } 
    </ スタイル>

//本体代码

　 < 入力タイプ= "ラジオ" 名前= "S" チェックID = "I1" > 
   < 入力タイプ= "ラジオ" 名前= "S"   ID = "I2" > 
   < 入力タイプ= "ラジオ" 名前= "S"   ID = "I3" > 
    < ラベルのため= "I1" > 1 </ ラベル> 
    < ラベルのため= "I2" > 2 </ ラベル> 
    < ラベル用= "I3" >3 </ ラベル>

    < DIV クラス= "ラッパー" > 
        < DIV クラス= "ビューポート" > 
             < DIV クラス= "SCREEN1" > </ DIV > 
            < DIV クラス= "Screen2に" > </ DIV > 
            < DIV クラス= "SCREEN3" > </ DIV >             
        </ DIV > 
    </ DIV >