想问下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>
