你們看，我打中文，超過塊的寬度，自動換行，打英文，超過塊寬度，直接穿過邊界繼續向前，什么原因？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>relative樣式</title>
<style type="text/css">
#div2{
??? width:200px;
??? height:200px;
??? border:2px dotted green;
??? display:inline-block;
??? position:relative;
??? left:0px;
??? top:0px;
}
#div1{
??? width:200px;
??? height:200px;
?border:2px red solid;
?position:relative;
??? left:0px;
??? top:0px;
??? display:inline-block;
}
</style>
</head>
<body>
??? <div id="div1">方法大叔大叔的薩達撒颯颯大師大師的的</div>
?<div id="div2">啊啊啊撒拉速度來看了撒倒薩打算的撒的</div>
??? <div id="div2">DFSFSFSDFDSFSDFSDGSDGSDGSDGSDGSGSDGSDGSDGSDGDS</div>
</body>
</html>
2016-08-18
中文是默認換行的，阿拉伯數字和英文應該用word-wrap : break-word ;或者word-break:break-all;實現強制斷行
2016-08-18
只能采納一個，哈哈
2016-08-18
原因：這是因為div中，英文字母之間沒有空格的話，它會默認認為這是一個英文單詞，所以單詞就一次輸出不換行。
解決辦法：在div的style中設定word-break:break-all;即可實現自動換行。如下：
<div style="word-break:break-all;width:20px“ >現在這里的英文達到20px長度就會自動換到下一行了</div>
2016-08-18
id選擇器是唯一的，你第三個div的id需要改下名字。
連續的字母或數字會導致盒子內容溢出，只能添加強制換行的樣式。在第三個div的樣式里使用word-wrap :break-word ;或者word-break:break-all;
2016-08-18
因為div中，英文字母之間沒有空格的話，它會默認認為這是一個英文單詞，所以單詞就一次輸出不換行。
解決辦法：在div的style中設定word-break:break-all;即可實現自動換行。