html - div 中所有 h 标签下方的空白

标签 html css

这是我的问题的 JSfiddle https://jsfiddle.net/d20fo54o/

h3 标签下面的空格不会消失。我试过将填充设置为 0,边距设置为 0,然后进行查找。

它也不是它下面的 div,因为如果你删除另一个 div 并用其他任何东西替换它,空间仍然存在。

div {
  background-color: #1D62F0;
  border-radius: 20px;
  text-align: center;
  width: 600px;
  margin: 0 auto;
}
div #list {
  background-color: white;
  width: 100%;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
div #title {
  color: white;
}
<div>
  <h3 id='title'>Hello</h3>
  <div id='list'>
    <p>hello</p>
  </div>
</div>

最佳答案

添加 h3, p { margin: 0 } 。工作正常,请参阅 fiddle

https://jsfiddle.net/d20fo54o/1/

关于html - div 中所有 h 标签下方的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40769336/

相关文章:

css - 两个跨度并排,一个椭圆形

html - 隐藏滚动条,但仍然可以滚动

javascript - 在图像悬停时显示标尺并缩放它

html - 推特 Bootstrap 缩略图方向切换与视口(viewport)

javascript - document.getElementById 不工作,即使我的 css 中存在 ID

javascript - 如何生成没有重复javascript的随机数

javascript - jquery 模糊在 "exiting"文本输入上不起作用,即使 "click"确实如此

javascript - 图片库 - 移动设备优化

css - 粗体未应用于 J 中的标签

html - 在可点击链接上叠加透明图像