<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>流動模式下的塊狀元素</title>
<style?type="text/css">
#box1{
????width:50%;
}
div,h1,p{
????border:1px?solid?red;
}
</style>
</head>
<body>
????<div?id="box2">box2</div><!--塊狀元素，由于沒有設置寬度，寬度默認顯示為100%-->?
????<h1>標題</h1><!--塊狀元素，由于沒有設置寬度，寬度默認顯示為100%-->?
????<p>文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段。</p><!--塊狀元素，由于沒有設置寬度，寬度默認顯示為100%-->?
????
????<div?id="box1">poi哈哈恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚</div><!--塊狀元素，由于設置了width:300px，寬度顯示為300px-->
????<div?id="box1">poipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoi</div>
</body>
</html>
2016-10-15
也沒找到具體原因，給都是數字或字母的標簽加一個下邊界，試試
div{
? ? margin-bottom:30px;
}
2016-10-13
電腦有默認
2016-10-13
會把連續的英文字母默認為一個單詞而無法換行