<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> #box1{ width:300px; height:100px; } 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">box1</div><!--块状元素，设置了宽度和高度，所以不会100%显示--> <a href="https://i.cnblogs.com/EditPosts.aspx?opt=1">程冉冉的博客</a><span>强调</span><em>重点</em> <strong>强调</strong> </body> </html>