盒模型問題
<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>
運行結(jié)果如圖：
填充即使沒有聲明，不是已經(jīng)指定了內(nèi)容的寬度和高度嗎？為什么會內(nèi)容一直往右？還有內(nèi)容寬度還可以超出邊框？？？不懂。。。
2017-07-14
需要加一句強(qiáng)制換行的代碼word-wrap: break-word;?中文可以自動轉(zhuǎn)行、換行，但是連續(xù)英文和數(shù)字則會撐破設(shè)置的300px寬度，這個也算是瀏覽器兼容問題吧！
2017-07-14
word-wrap:break-word;用這個給box1，就可以解決?；蛘吣惆褑卧~加空格也可以解決
2017-07-14
中文字體會自動換行，但是英文和數(shù)字不會自動換行。為實現(xiàn)換行效果，可以給div添加屬性word-wrap:break-word ? ? 即強(qiáng)制換行
2017-07-14
指定div格式被后來的指定的box1覆蓋
2017-07-14
中文字體會自動換行，但是英文和數(shù)字不會自動換行。為實現(xiàn)換行效果，可以給div添加屬性word-wrap:break-word ? ? 即強(qiáng)制換行