设置父容器的宽度为280px，设置子容器的宽度为300px，其中的20px作为滚动条的宽度，父容器设置overflow: hidden;则不会显示出超出容器的20px的滚动条，子容器设置
overflow-y: auto;overflow-x: hidden;使其出现垂直滚动条。示例代码如下：
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <title>test</title> <style type="text/css"> *{ padding: 0; margin: 0; } html, body{ width: 100%; height: 100%; } #div1{ width: 280px; height: 500px; border: 1px solid; overflow: hidden; } ul { width: 300px; overflow-y: auto; overflow-x: hidden; height: 500px; } </style> </head> <body> <div id="div1"> <ul> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> <li>dsdsd</li> </ul> </div> </body> </html>