<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>test</title> <style> .wrap{width:1400px;margin:0 auto;position:relative;border:1px solid #ccc; height:100px;} /*1280*/ /* for 1400px or less */ @media screen and (max- 1456px){.indexbanner .Btnwrap{width:1200px} .wrap{width:1200px;overflow:hidden;border:1px solid #ccc; height:100px; margin:0 auto;} /*1024 /* for 1024px or less */ @media screen and (max- 1199px){.indexbanner .Btnwrap{width:100%;height:auto} .wrap{width:980px;overflow:hidden; border:1px solid #ccc; height:100px; margin:0 auto;} </style> </head> <body> <div class="wrap"> test </div> </body> </html>