Question

我希望带有id标语的div以这样的方式出现，即同一和图像之间没有间隙。它是如何成为可能的？

这是小提琴......

这不起作用

#tagline {
    margin-top:0;
height: 50px;
background-color: aqua;
}

Answer 1

图片必须为display:block;且p

上没有边距

img {display:block;}
p {margin:0;}

Answer 2

您还必须从p中删除边距：

#tagline p { margin-top:0; }

Answer 3

使用Moob的答案block或使用此css3 flex。注意：Safari和IE支持不：

img{display:flex;}
p { margin-top:0; }

Answer 4

我建议你使用css重置，许多元素都有一个defult padding和margin。在你的情况下，p div内的#tagline标签有填充和边距

#tagline p {
    margin: 0;
    padding: 0;
}

工作demo（它没有css重置，还为你的菜单添加了一个clearfix）

Answer 5

始终使用重置样式

* {
    margin: 0;
    padding: 0;
}

和img填充是因为img显示属性设置为内联（默认情况下），下面的代码将修复此问题。

img {
    display: block;
}