内容溢出解决办法

.wrap{
width: 300px;
height: 300px;
border: 3px solid red;
overflow: auto;
word-wrap: normal;
/* 代码换行空格，也算空格 */
white-space: pre;
}

<div class="wrap">
    <p>我是内容000                           100000000000000000000000000000000000000000000
        0000000000000000000000000000000000000000000000000000000
        0000000000000000000000000000000000000000000</p>
    <p>我是内容0002</p>
    <p>我是内容0003</p>
    <p>我是内容0004</p>
    <p>我是内容0005</p>
    <p>我是内容0006</p>
    <p>我是内容0007</p>
    <p>我是内容0008</p>
    <p>我是内容0009</p>
    <p>我是内容0010</p>
</div>
对于其他的溢出，比如图片溢出或者其他可以用可以给父元素设个宽度或者继续上面的方法overflow：hadden;