<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>流動模式下的塊狀元素</title>
<style?type="text/css">
#box1{
????width:20px;
????height:30px;
}
div,h1,p{
????border:1px?solid?red;
}
div,h1,p{display:inline;}
</style>
</head>
<body>
????<div?id="box2">box2</div><!--塊狀元素，由于沒有設置寬度，寬度默認顯示為100%-->?
????<h1>標題</h1><!--塊狀元素，由于沒有設置寬度，寬度默認顯示為100%-->?
????<p>段文本段文本段文本段文本段文本段文本段。</p><!--塊狀元素，由于沒有設置寬度，寬度默認顯示為100%-->?
????
????<div?id="box1">box1</div><!--塊狀元素，由于設置了width:300px，寬度顯示為300px-->
????<!--這是流動模型下塊級元素轉為內聯元素-->
</body>
</html>
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>浮動模型</title>
<style?type="text/css">
div{
border:2px?red?solid;
????width:50px;
????height:30px;
float:left;
}
</style>
</head>
<body>
<div?id="div1">欄目1</div>
<div?id="div2">欄目2</div>
<!--這是浮動模型下使用塊級元素-->
</body>
</html>
2022-03-29
同感nbsp;二次開發nbsp;前臺熟練了后臺不會了nbsp;好桑感啊
aomyovnwvptzgiwlkcxclsxrhehucfmccpkkjcemnhfkbsimxv
2017-01-01
多謝題主，受教了。