Html 为什么表单元素会使我的div占用比没有它更多的空间?

Html 为什么表单元素会使我的div占用比没有它更多的空间?,html,css,layout,semantic-ui,Html,Css,Layout,Semantic Ui,我的网站上有一个菜单栏,我正在尝试添加一个搜索字段。它在网站上已经有一段时间了,但还没有做任何事情。下面是它的样子: 正文{ 利润率:14px; } 去 不要添加表单元素,而是将一个div转换为form。这个问题是由于在一些CSS规则中使用了选择器,如果您引入额外的元素,这些规则将被破坏,因此该规则将不再适用,您将得到一个新的结果 例如: 正文{ 利润率:14px; } 去 问题不在于表单,而在于按钮类(class=“ui black button”) 你需要删除它的顶部和底部的填充物

我的网站上有一个菜单栏,我正在尝试添加一个搜索字段。它在网站上已经有一段时间了,但还没有做任何事情。下面是它的样子:

正文{
利润率:14px;
}

不要添加表单元素,而是将一个
div
转换为
form
。这个问题是由于在一些CSS规则中使用了
选择器,如果您引入额外的元素,这些规则将被破坏,因此该规则将不再适用,您将得到一个新的结果

例如:

正文{
利润率:14px;
}

问题不在于表单,而在于按钮类(class=“ui black button”)
你需要删除它的顶部和底部的填充物,并按照你喜欢的样式设计。有很多方法可以修复它

正文{
利润率:14px;
}