<!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>