<!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title> </head> <body> <style> .percent100{ width:100%; } .center{ height:100px; background:#f00; width:1000px; margin:0 auto; } .body{ width:2000px; } </style> <div class="percent100"> <div class="center"> sfsdfsd //你看,因为这个的父级是100%的布局,内部的宽度溢出到父级外面,如果出现滚动条(下面的宽度有可能很宽,所以会出现滚动条咯,所以..),这个父级的100%宽度只有页面用户宽度那么宽,,懂不懂。。 </div> </div> <div class="body"> sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf </div> </body> </html>