1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>无标题文档</title> 6 <style type="text/css"> 7 *{ 8 margin:0px; 9 padding:0px;} 10 .a1 11 { 12 width:100%; 13 height:80px; 14 top:10px; 15 border:1px solid red; 16 position:absolute;} 17 .a2 18 { 19 width:100%; 20 height:120px; 21 top:100px; 22 border:1px solid black; 23 position:fixed;} 24 .a3 25 { 26 width:90%; 27 height:60px; 28 left:5%; 29 top:230px; 30 border:1px solid black; 31 position:absolute;} 32 .a4 33 { 34 width:23%; 35 height:60px; 36 left:5%; 37 top:300px; 38 border:1px solid black; 39 position:absolute;} 40 .a5 41 { 42 width:66%; 43 height:210px; 44 left:29%; 45 top:300px; 46 border:1px solid black; 47 position:absolute;} 48 .a6 49 { 50 width:23%; 51 height:1300px; 52 left:5%; 53 top:370px; 54 border:1px solid black; 55 position:absolute;} 56 .a7 57 { 58 width:66%; 59 height:30px; 60 left:29%; 61 top:510px; 62 border:1px solid green; 63 position:absolute;} 64 .a8 65 { 66 width:66%; 67 height:100px; 68 left:29%; 69 top:540px; 70 border:1px solid black; 71 position:absolute;} 72 .a9 73 { 74 width:66%; 75 height:900px; 76 left:29%; 77 top:650px; 78 border:1px solid black; 79 position:absolute;} 80 .a10 81 { 82 width:66%; 83 height:110px; 84 left:29%; 85 top:1560px; 86 border:1px solid black; 87 position:absolute;} 88 .a11 89 { 90 width:90%; 91 height:300px; 92 left:5%; 93 top:1680px; 94 border:1px solid black; 95 position:absolute;} 96 .a12 97 { 98 width:90%; 99 height:300px; 100 left:5%; 101 top:1990px; 102 border:1px solid black; 103 position:absolute;} 104 .a13 105 { 106 width:90%; 107 height:300px; 108 left:5%; 109 top:2300px; 110 border:1px solid black; 111 position:absolute;} 112 .a14 113 { 114 width:90%; 115 height:300px; 116 left:5%; 117 top:2610px; 118 border:1px solid black; 119 position:absolute;} 120 .a15 121 { 122 width:90%; 123 height:300px; 124 left:5%; 125 top:2920px; 126 border:1px solid black; 127 position:absolute;} 128 .a16 129 { 130 width:90%; 131 height:300px; 132 left:5%; 133 top:3230px; 134 border:1px solid black; 135 position:absolute;} 136 .a17 137 { 138 width:100%; 139 height:300px; 140 left:0px; 141 top:3540px; 142 border:1px solid black; 143 position:absolute;} 144 .a18 145 { 146 width:100%; 147 height:100px; 148 left:0px; 149 top:3850px; 150 border:1px solid black; 151 position:absolute;} 152 .a19 153 { 154 width:4.5%; 155 height:200px; 156 bottom:5%; 157 border:1px solid green; 158 position:fixed;} 159 .a20 160 { 161 width:4.5%; 162 height:250px; 163 left:95.5%; 164 top:380px; 165 border:1px solid green; 166 position:fixed;} 167 </style> 168 </head> 169 170 <body> 171 <div class="a1">1</div> 172 <div class="a2">2</div> 173 <div class="a3">3</div> 174 <div class="a4">4</div> 175 <div class="a5">5</div> 176 <div class="a6">6</div> 177 <div class="a7">7</div> 178 <div class="a8">8</div> 179 <div class="a9">9</div> 180 <div class="a10">10</div> 181 <div class="a11">11</div> 182 <div class="a12">12</div> 183 <div class="a13">13</div> 184 <div class="a14">14</div> 185 <div class="a15">15</div> 186 <div class="a16">16</div> 187 <div class="a17">17</div> 188 <div class="a18">18</div> 189 <div class="a19">19</div> 190 <div class="a20">20</div> 191 </body> 192 </html>
无标题文档
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20