使用css删除html中多余的边距或填充表单

Question

这是我在html中的表单，蓝色表示整个表单，带有红色边框的橙色表单是我希望删除此表单的多余页边距我尝试使用

form{
margin:0;
padding:0;
}

这种方法并不成功，因为保证金仍然存在。除去这个的唯一方法是超额保证金是形式的边际。 任何想法都表示赞赏。

Answer 1

看起来你正在使用Chrome。橙色表示它的边距（填充为绿色）。使用开发人员控制台，您可以检查元素以查看应用于它的所有样式。您可能在某处具有更高特异性的其他规则优先于您的常规form规则。

如果单击开发人员控制台的“元素”选项卡中的项目，则样式将列在右侧面板中。你可能会看到你的风格带有 strikethrough ，表明另一条规则优先于它。找到其他规则并采取适当的措施（以更高的特异性覆盖它或修改现有的规则）。

除非您确定这是解决此问题的正确方法，否则我会避免使用!important。通过它的声音，它肯定是 不 正确的解决方案。请参阅here或仅谷歌“CSS避免重要”，原因是为什么跳转到!important作为解决方案并不是一个好主意。一个重要原因是因为如果您以后需要，很难覆盖该样式。

有关CSS特异性的解释，请参阅here（包括!important以及关于何时何何不使用它的一些经验法则。）

Answer 2

form{
 margin:0px; padding:0px; display:inline;
}

放置此CSS后，我的问题解决了。