想问下web在区域内的段落如果超过该区域范围,要怎么让他超过区域的地方自动换行呢

比如图片里的,图二我想要有图一的效果附下代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS布局与定位作业</title> <style> *{ padding: 0; margin: 0; } body{ font-size: 14px; } #container{ /*text-align: center;*/ margin: 0 auto; width: 70%; } #box1{ width: 250px; height: 200px; background-color: rgb(192,192,192); float: left; padding: 15px; margin-left: 100px; overflow: auto; } #box2{ width: 250px; height: 200px; background-color: rgb(192,192,192); float: left; padding: 15px; margin-left: 15px; overflow: auto; } </style></head><body> <div id="container"> <div id="box1"> <h2>html</h2> <p>uiunfuygohuiehdinxihhwuizxniawnn</p > <p>uiunfuygohuiehdinxihhwuizxniawiuzxuhshjnn</p > <p>uiuhdnadjjdojeijwijinwiuunwiunfuygoqiejfnxiuhuiehdinshjnn</p > </div> <div id="box2"> <h2>CSS</h2> <p>uiuhdnadjjdojeijwijinwiuunwiunfuygoqiejfnxiuhuiehdinxihhwuizxniawiuzxuhshjnn</p > </div> </div></body></html>