使用 HTML5 解决 Flexbox 中元素之间的未知间隙。

Flexbox 中元素之间的未知间隙是由于 header 的外边距与 bar 的间距重叠造成的。要解决此问题，请使用 −

• 将 header 的 Margin 重置为 0，或为 bar 添加 Border。
• 可以通过为 bar 添加属性 padding: 10px 来为 bar 添加内边距。 

尝试使用以下代码片段解决未知间隙问题 −

.bar {
   background: yellow;
   color: gray;
   height: 250px;
   padding: 10px;
   text-align: center;
}

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/