html – margin属性不能与css中的select元素一起使用

我有这个代码：

<div class= "foo">
<select >blablabl</select>;</br>
<select >blablabl</select>;
</div>

在css

.foo select{
    margin-bottom:50px;
}

输出是彼此相邻的2个选择元素,不分开50px.我在这里错过了什么？

解决方法

显示选择元素：默认为内联(通常),不会考虑边距.将它们更改为显示：阻止,如果您希望每个都在它自己的行上,或显示：inline-block如果您希望每个都有一个大的底部边距.

编辑：我看到你有< br>,所以他们将在两个单独的行显示：inline-block.