我正在为当地社区中心开发网站，我遇到了一个奇怪的CSS问题。当我使用margin-bottom属性在两个元素之间放置一些空格时，它似乎只适用于Firefox。我能够使用br标签做一个解决方法，但我想知道出了什么问题。这是我用相同问题测试过的代码示例。
<!DOCTYPE html>
<html>
<header><title>Example</title></header>
<body>
<p>This is some text.</p>
<br style="margin-bottom:300px;" />
<p>This is some other text.</p>
</body>
</html>
当我在Firefox中查看时，第一段和第二段之间有300像素的差距。当我在IE，Chrome和Safari中查看它时，p和br标签只会产生常规间隙。我做错了什么？
为了澄清，我发现br，img和p会发生这种情况，因此移动样式并没有多大帮助。同样的问题，如果我把它放在第一个p标签，并完全取出br。我最初注意到问题的原始事物，它发生在图像和p标签之间。
很抱歉，如果之前有人问过/已经回答过。搜索出现了很多类似的问题，但没有一个问题解决了我的问题。
答案 0 :(得分：-1)
将其更改为div：
<div style="margin-bottom:300px;"></div>
与上面的评论一样，br代码是特殊的，通常没有样式。 img个标记为inline block个元素，p标记为inline我相信。
通常，如果某些内容显示为内联元素，并且我想对其应用样式，则使用display:block:，例如使用spans。