搭建网站时所用div元素无法显示，相关代码哪里存在问题？

div无法正常显示的核心原因是空块级元素没有设置宽高、也没有内部内容撑开尺寸时，默认高度为0，即使设置了背景色和圆角也不可见。

修复方案 #

方案1：给元素设置明确宽高（适合固定尺寸按钮场景）

修改后的CSS代码如下，可根据实际需求调整宽高数值：

.box {
  border-radius: 15px;
  background-color: #2650ff;
  /* 新增宽高配置 */
  width: 120px;
  height: 40px;
  /* 可选补充：按钮文字居中、交互相关样式 */
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

HTML可以补充按钮文本内容：

<div class='box'>确认</div>

方案2：靠内部内容撑开尺寸

不需要修改CSS，直接在div标签内添加文本、图片等内容即可自动撑开元素，实现正常显示。

额外优化建议 #

如果是实现按钮功能，更推荐使用原生<button>标签，自带按钮交互语义和无障碍属性，比div实现的自定义按钮更符合前端规范。

内容的提问来源于stack exchange，提问作者AmNob