盒模型問題
<style type="text/css">
div{
??? width:300px;
??? height:300px;
?? ?border:1px solid red;?? ?
}
#box1{
??? margin-bottom:30px;
}
</style>
</head>
<body>
??? <div id="box1">box1box1box1box1box1box1box1box1box1box1box1box1box1box1box1box1</div>
??? <div id="box2">box2</div>? ?
</body>
</html>
運行結果如圖：
填充即使沒有聲明，不是已經指定了內容的寬度和高度嗎？為什么會內容一直往右？還有內容寬度還可以超出邊框？？？不懂。。。
2017-07-14
需要加一句強制換行的代碼word-wrap: break-word;?中文可以自動轉行、換行，但是連續英文和數字則會撐破設置的300px寬度，這個也算是瀏覽器兼容問題吧！
2017-07-14
word-wrap:break-word;用這個給box1，就可以解決?；蛘吣惆褑卧~加空格也可以解決
2017-07-14
中文字體會自動換行，但是英文和數字不會自動換行。為實現換行效果，可以給div添加屬性word-wrap:break-word ? ? 即強制換行
2017-07-14
指定div格式被后來的指定的box1覆蓋
2017-07-14
中文字體會自動換行，但是英文和數字不會自動換行。為實現換行效果，可以給div添加屬性word-wrap:break-word ? ? 即強制換行