div 标签在 Firefox 中不能正确浮动，但在 safari 和 chrome 中工作 - wordpress 主题

Question

我最近通过修改后的 wordpress 主题创建了一个网站。然而，昨天在办公室通过 FIREFOX 浏览器查看网站时，我注意到 3 x lossnges 的“土壤标签”在 FIREFOX 中没有正确对齐 - 但在 safari 和 chrome 中看起来还不错，并且显示正确（1 行中有 3 个土壤标签），我已经在论坛上进行了一些阅读，并通过使用 display: inline-block 和 float: left 尝试了一些解决方案，然后我创建了一个新的 CSS 规则并将其分配给最右边的带有 float 的土壤标签；对，一切都失败了 纠正 FIREFOX 显示损坏（即中间土壤标签丢失到下面的行） - 在昨晚查看一些论坛时，我了解 Firefox 在使用浮动规则时会产生一些问题 - 任何帮助将不胜感激

网站链接； http://creative-media.info/allotment/

参考的灰色面板是三角形底部的灰色面板 1. 申请地块 2. 商店和 3. 画廊

Answer 1

soiltagbutton 的填充和宽度有问题；

试试

clear: both;
max-width: 40px;
min-height: 60px;
min-width: 107px;
padding: 1px 0 1px 80px;
position: relative;