<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>流動(dòng)模式下的塊狀元素</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><!--塊狀元素，由于沒有設(shè)置寬度，寬度默認(rèn)顯示為100%-->?
????<h1>標(biāo)題</h1><!--塊狀元素，由于沒有設(shè)置寬度，寬度默認(rèn)顯示為100%-->?
????<p>段文本段文本段文本段文本段文本段文本段。</p><!--塊狀元素，由于沒有設(shè)置寬度，寬度默認(rèn)顯示為100%-->?
????
????<div?id="box1">box1</div><!--塊狀元素，由于設(shè)置了width:300px，寬度顯示為300px-->
????<!--這是流動(dòng)模型下塊級(jí)元素轉(zhuǎn)為內(nèi)聯(lián)元素-->
</body>
</html>
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>浮動(dòng)模型</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>
<!--這是浮動(dòng)模型下使用塊級(jí)元素-->
</body>
</html>
2022-03-29
同感nbsp;二次開發(fā)nbsp;前臺(tái)熟練了后臺(tái)不會(huì)了nbsp;好桑感啊
aomyovnwvptzgiwlkcxclsxrhehucfmccpkkjcemnhfkbsimxv
2017-01-01
多謝題主，受教了。