像这样,将较小的div包裹在宽度大于主div的第三个div中。假设我正确理解了您的问题,则不需要jquery。
<html> <head> <style type="text/css"> .div_1 { height: 350px; width: 350px; margin: auto; border: 1px black solid; overflow-y: hidden; overflow-x: scroll; } .div_3 { float: left; height: 350px; width: 500px; margin: auto; border: 1px black solid; overflow-y: hidden; overflow-x: scroll; } .div_2 { height: 100px; width: 100px; border: 1px solid #A2A2A2; float: left; } </style> </head> <body> <div > <div > <div ></div> <div ></div> <div ></div> <div ></div> <div ></div> <div ></div> <div ></div> <div ></div> <div ></div> <div ></div> <div ></div> <div ></div> </div> </div> </body></html>


