div設置寬度后，為什么里面的元素會超出div的邊界
<style type="text/css">
#div1{
? ? width:200px;
? ? height:200px;
border:2px red solid;
? ? position:relative;
? ? top:50px;
? ? left:100px;
}
</style>
</head>
<body>
<div id="div1"><p>wocaoniaksdljaskjldhauisfakjsfgashfgakjsdajkshdjahsdklhalkjsd</p></div>
</body>
</html>
2017-05-07
贊同魏神的觀點，解決辦法：
over-break: auto; /*若有超出即自動生成滾動條*/
word-break: break-all;/*超出部分自動換行（包含純數(shù)字和純字母）*/
2016-09-25
寬度設置后會自動換行，但以下兩種情況設置css也不行
1、過長的不帶空格的英文
2、過長的不帶空格的數(shù)字
原因：可能是瀏覽器換行是根據(jù)單詞來決定的，如果一長串英文不帶空格，瀏覽器就認為是一個單詞，無法分開，也就不換行了
2016-09-25
position：relative說明div塊元素位置是相對的，并且之前的位置還存在，相當于ps里面的2個層級。