为什么设置 display: block; 后，
在 HTML 中，display: block; 正是实现这一目标的关键。
原理详解
display 属性控制元素在页面上的渲染方式。
立即学习“前端免费学习笔记（深入）”；
传媒公司模板(RTCMS)1.0
下载
传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目，如果修改栏目，需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML，安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据，安装时可选择演示安装或全新安装。如果全新安装，后台内容充实后，首页才能完全显示出来。（全新安装后可以删除演示数据用到的图片，目录在https://
-
display: none;元素完全隐藏，不占据任何空间。 -
display: block;元素作为块级元素显示，独占一行，并垂直占据可用空间。
display 属性为 none，所以它被隐藏。通过 CSS 设置 display: block;，我们强制其显示为块级元素。 这会覆盖其默认的 display 属性，使其在页面上可见。
下图展示了 display: block; 后的不同显示效果：（此处应插入图片，展示 display 属性下的渲染差异）
需要注意的是，即使设置了 display: block;，
