html中撑破div,html – 如何打破div中的长字,基于div的父宽度？

我想把一个长长的词包裹在一个div里面,将div的父母的边界传递到一个新的行.

我试过这个Accepted Answer的.wordwrap解决方案,但并不能解决问题.

这是我试过的：

#parent {

width: 500px;

height: 500px;

border: solid 1px;

position: relative;

}

#child {

top: 20px;

left: 300px;

border: solid 1px;

position: absolute;

}

.wordwrap {

white-space: pre-wrap;

/* CSS3 */

white-space: -moz-pre-wrap;

/* Firefox */

white-space: -pre-wrap;

/* Opera <7 */

white-space: -o-pre-wrap;

/* Opera 7 */

word-wrap: break-word;

/* IE */

}

asfasfafafsafafasfasfafafasfadvaavasdvavdvsavsvasvsvs