左边可以下拉 右边可以下拉 还不是框架 哇塞
这是神马样式 完全看不懂嘛
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=gb2312" /> 5 <style type="text/css"> 6 *html { 7 _background-image:url(http://img.autohome.com.cn/ypimages/empty.jpg); 8 _background-attachment:fixed; 9 } 10 body { 11 background-image:url(http://img.autohome.com.cn/ypimages/empty.jpg); 12 margin:0; 13 font-family:"宋体"; 14 background:#FFF; 15 background-attachment:fixed; 16 font-size:12px; 17 overflow-x:hidden; 18 } 19 *html .menuList { 20 top:expression(documentElement.scrollTop); 21 height:expression((documentElement.clientHeight)); 22 position:absolute 23 } 24 .menuList { 25 background:#F6F6F6; 26 height:100%; 27 left:0; 28 overflow-x:hidden; 29 overflow-y:hidden; 30 position:fixed; 31 top:0; 32 width:197px; 33 } 34 .contentList { 35 padding: 4px 0 0 10px; 36 } 37 .rightContent { 38 width:800px; 39 margin-left:197px; 40 height:100%; 41 position:relative; 42 } 43 </style> 44 </head> 45 <body> 46 <div class="menuList"> 47 <div class="contentList"> 48 <div style="height: 100%; overflow-x: hidden; overflow-y: scroll; position: fixed; margin-left:-4px;top: 110px; width: 187px; background-color:#0033CC"> 49 <p>ffffffffffffffff</p> 50 <p>ffdfa</p> 51 <p>s</p> 52 <p>asdf</p> 53 <p> </p> 54 <p>r4t6</p> 55 <p>6345</p> 56 <p>6rt</p> 57 <p>h</p> 58 <p>56</p> 59 <p>8u5</p> 60 <p>8i</p> 61 <p>8</p> 62 <p> </p> 63 <p>u6r</p> 64 <p>uy7567</p> 65 <p>567</p> 66 <p>5</p> 67 <p>756</p> 68 <p>f </p> 69 <p>ffffffffffffffff</p> 70 <p>ffdfa</p> 71 <p>s</p> 72 <p>asdf</p> 73 <p> </p> 74 <p>r4t6</p> 75 <p>6345</p> 76 <p>6rt</p> 77 <p>h</p> 78 <p>56</p> 79 <p>8u5</p> 80 <p>8i</p> 81 <p>8</p> 82 <p> </p> 83 <p>u6r</p> 84 <p>uy7567</p> 85 <p>567</p> 86 <p>5</p> 87 <p>756</p> 88 <p>f </p> 89 <p>ffffffffffffffff</p> 90 <p>ffdfa</p> 91 <p>s</p> 92 <p>asdf</p> 93 <p> </p> 94 <p>r4t6</p> 95 <p>6345</p> 96 <p>6rt</p> 97 <p>h</p> 98 <p>56</p> 99 <p>8u5</p> 100 <p>8i</p> 101 <p>8</p> 102 <p> </p> 103 <p>u6r</p> 104 <p>uy7567</p> 105 <p>567</p> 106 <p>5</p> 107 <p>756</p> 108 <p>f </p> 109 <p>ffffffffffffffff</p> 110 <p>ffdfa</p> 111 <p>s</p> 112 <p>asdf</p> 113 <p> </p> 114 <p>r4t6</p> 115 <p>6345</p> 116 <p>6rt</p> 117 <p>h</p> 118 <p>56</p> 119 <p>8u5</p> 120 <p>8i</p> 121 <p>8</p> 122 <p> </p> 123 <p>u6r</p> 124 <p>uy7567</p> 125 <p>567</p> 126 <p>5</p> 127 <p>756</p> 128 <p>f </p> 129 <p>ffffffffffffffff</p> 130 <p>ffdfa</p> 131 <p>s</p> 132 <p>asdf</p> 133 <p> </p> 134 <p>r4t6</p> 135 <p>6345</p> 136 <p>6rt</p> 137 <p>h</p> 138 <p>56</p> 139 <p>8u5</p> 140 <p>8i</p> 141 <p>8</p> 142 <p> </p> 143 <p>u6r</p> 144 <p>uy7567</p> 145 <p>567</p> 146 <p>5</p> 147 <p>756</p> 148 <p>f </p> 149 <p>ffffffffffffffff</p> 150 <p>ffdfa</p> 151 <p>s</p> 152 <p>asdf</p> 153 <p> </p> 154 <p>r4t6</p> 155 <p>6345</p> 156 <p>6rt</p> 157 <p>h</p> 158 <p>56</p> 159 <p>8u5</p> 160 <p>8i</p> 161 <p>8</p> 162 <p> </p> 163 <p>u6r</p> 164 <p>uy7567</p> 165 <p>567</p> 166 <p>5</p> 167 <p>756</p> 168 <p>f </p> 169 </div> 170 </div> 171 </div> 172 <div class="rightContent"> 173 <p>ddddddddddddddddddddd</p> 174 <p> </p> 175 <p> </p> 176 <p> </p> 177 <p> </p> 178 <p> </p> 179 <p> </p> 180 <p> </p> 181 <p> </p> 182 <p> </p> 183 <p> </p> 184 <p> </p> 185 <p> </p> 186 <p> </p> 187 <p> </p> 188 <p> </p> 189 <p> </p> 190 <p> </p> 191 <p> </p> 192 <p> </p> 193 <p> </p> 194 <p> </p> 195 <p> </p> 196 <p> </p> 197 <p> </p> 198 <p> </p> 199 <p> </p> 200 <p> </p> 201 <p> </p> 202 <p> </p> 203 <p> </p> 204 <p>dfasdf</p> 205 <p> </p> 206 <p> </p> 207 <p> </p> 208 <p> </p> 209 <p> </p> 210 <p> </p> 211 <p> </p> 212 <p> </p> 213 <p> </p> 214 <p> </p> 215 <p> </p> 216 <p> </p> 217 <p> </p> 218 <p> </p> 219 <p> </p> 220 <p> </p> 221 <p> </p> 222 <p> </p> 223 <p> </p> 224 <p> </p> 225 <p> </p> 226 <p> </p> 227 <p> </p> 228 <p> </p> 229 <p> </p> 230 <p> </p> 231 <p> </p> 232 <p> </p> 233 <p> </p> 234 <p> </p> 235 <p> </p> 236 <p> </p> 237 <p> </p> 238 <p> </p> 239 <p> </p> 240 <p>asdf</p> 241 <p> </p> 242 <p> </p> 243 <p> </p> 244 <p> </p> 245 <p> </p> 246 <p> </p> 247 <p> </p> 248 <p> </p> 249 <p> </p> 250 <p> </p> 251 <p> </p> 252 <p> </p> 253 <p> </p> 254 <p> </p> 255 <p> </p> 256 <p> </p> 257 <p> </p> 258 <p> </p> 259 <p> </p> 260 <p>asdfaaaaaaaaaaa</p> 261 <p> </p> 262 <p> </p> 263 <p> </p> 264 <p> </p> 265 <p> </p> 266 <p> </p> 267 <p> </p> 268 <p> </p> 269 <p> </p> 270 <p> </p> 271 <p> </p> 272 <p> </p> 273 <p> </p> 274 <p> </p> 275 <p> </p> 276 <p> </p> 277 <p> </p> 278 <p> </p> 279 <p> </p> 280 <p> </p> 281 <p> </p> 282 <p> </p> 283 <p> </p> 284 <p>dddddddddddddd</p> 285 </div> 286 </body> 287 </html>
