html+css设置了容器的大小，为何内容还会超出容器范围
代码如下：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xh...
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#nnn{width:100px; height:100px; background-color:#CC0033;float:left; margin-top:0px;}
</style>
</head>
<body>
<div style=" width:300px; height:300px; background-color:#00FF00;">
jcadbjcvn;jrbvuisrnvjcnsriupvnvjouvsr;ndvuidruibnjfin
<div id="nnn"></div>
</div>
</body>
</html>
那一行乱码都是瞎写的，会超出div，按理来说不是不应该超出的吗？
还有一个怪异现象：把英文的乱码换成汉字，就不会超出div了。 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#nnn{width:100px; height:100px; background-color:#CC0033;float:left; margin-top:0px;}
</style>
</head>
<body>
<div style=" width:300px; height:300px; background-color:#00FF00;">
jcadbjcvn;jrbvuisrnvjcnsriupvnvjouvsr;ndvuidruibnjfin
<div id="nnn"></div>
</div>
</body>
</html>
那一行乱码都是瞎写的，会超出div，按理来说不是不应该超出的吗？
还有一个怪异现象：把英文的乱码换成汉字，就不会超出div了。 展开
3个回答
展开全部
<div style=" width:300px; height:300px; background-color:#00FF00;word-wrap:break-word;word-break:break-all;">
jcadbjcvn;jrbvuisrnvjcnsriupvnvjouvsr;ndvuidruibnjfin
<div id="nnn"></div>
</div>
加上上面两个属性就好了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css强制不换行
div{white-space:nowrap;}
css自动换行
div{ word-wrap: break-word; word-break: normal; }
css强制英文单词断行
div{word-break:break-all;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在外层div标签加一个word-wrap: break-word;属性，表示当内容超出宽度时自动换行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
