Html 在<；输入类型='；图像'/&燃气轮机；及<；输入类型='；按钮'/&燃气轮机；

如果我执行以下操作，我会注意到

将边框添加到输入中，这很有意义，因为您希望图像适合。但是看看顶部的空间，它看起来像是一个bug

/*external.css*/
html，正文{
填充：0；边距：0；背景：#000；
}
身体{
溢出y：滚动；
}
梅因先生{
宽度：980px；边距：0自动；
}
cartpal先生{
宽度：544px；高度：64px；文本对齐：中心；边距：0自动；
}
#到购物车，#贝宝{
背景：#eee；边框：2px实心#007；字体：粗体20px Arial，Helvetica，无衬线；边框半径：30px；
}
#推车{
宽度：200px；高度：64px；
}
#贝宝{
宽度：306px；高度：60px；
}
#到购物车：悬停，#贝宝：悬停{
边框颜色：#fff；
}
#至购物车：活动，#贝宝：活动{
边框颜色：#fc3；
}

这是虫子吗？

您需要使输入浮动以对齐行。只需更改css：

#paypal, #to_cart {
height: 62px;
background: #eee;
border: 2px solid #007;
border-radius: 30px;
float: left;
}

---

每个浏览器都为某些元素提供某种默认实现， 与您的情况类似，因为浏览器提供了默认样式

input=“button”

input=“image”

请注意，由于浏览器呈现引擎的默认外观规则，在

顶部和
底部添加了
1px

input[type="button" i],
input[type="submit" i], 
input[type="reset" i], 
input[type="file" i]::-webkit-file-upload-button, button {
    padding: 1px 6px;
   }

在这里，您可以看到浏览器对
input=“button”
应用了添加填充，但对
input=“image”

最重要的部分是浮动leftNo<代码>内联
元素不需要浮动以保持
内联
。我的变通方法确实使它们
显示：block；浮动：左。我真的是在问为什么会发生这种情况，而不是在找工作。谢谢你的努力。你能澄清一下，你在说什么空间吗？你点击了
运行代码片段
按钮了吗？它应该非常清晰。为了让问题更清楚，他试图将
type=“button”
和
type=“image”
相邻对齐。
display:inline block
引入元素之间的空间。选中此复选框并不是因为显示了
。所有web设计师都必须知道，HTML中的一个或多个空格和/或换行符会在块级元素中创建单个空格，但前面和后面的换行符除外。我已经删除了
.cartpal
中的空白以进行澄清。您是否不知道除了
之外，
中还包含填充？我做了
填充：0只是为了测试您的解释，但它不起作用。代码现在包含在第二个示例中。谢谢你的努力。