CSS伪元素的一个疑问？

Question

写法一：
.businessType:before {
content: '';
display: block;
}
写法二：
.businessType:before {
content: '';
display: table;
}
为什么两种写法产生的效果不一样？
写法一不能起到占位，而写法二却可以起到占位的作用？

Answer 1

你这里说的占位是什么意思？是换行吗？如果是换行的话，两种都可以呀

Answer 2

<style>
.a:before {
    content: '';
    display: block;
    outline: 2px red solid;
}

.b {
    content: '';
    display: table;
    outline: 2px red solid;
}
</style>

<div class="a"></div>
11111111

<div class="b"></div>
222222222

两个都换行了，哪里没换？你html和css里面还有其他地方写了些什么影响到了吧