Html 以自己为中心的图像

我遇到了一些我以前从未见过的事情，我找不到任何关于如何修复它的方法，我已经搜索了两天

我有一个包装纸。在包装中，有三个div横跨新的_计划、徽标和选项，一个div位于BTN和包装末端。粘性页脚位于包装器下方，并对页脚中的列表项使用flex

在btns分区中，我有12个按钮，我想显示在两行中，我希望这些按钮展开以占用可用空间。没问题，我以前做过。但是，按钮的行为就像我在页面上居中放置了一个div。当我在按钮的右侧添加边距或填充时，它会将一个按钮向下移动到另一行

我没有将div居中，因为它是包装div的100%。唯一居中的div是logo。我只是想用边距隔开按钮。我甚至试着用一张桌子，它也做了同样的事情

CSS中可能有一些内容，但我现在找不到。我正在发布我的CSS，但我必须删除HTML才能发布它。如果我应该那样做，请告诉我。也让我知道我错过了什么，包括

html， 身体{ 身高：100%； 保证金：0； } P 运输署， 锂， div{ 字体：.95em/1.25em verdana，无衬线； } h1{ 字体：粗体小大写1.5em verdana，无衬线； 填充：.05em0.25em0； 颜色：1349B3； } 氢{ 字体：粗体小写字母1em verdana，无衬线； 填充：.05em0.25em0； 颜色：1349B3； } 包装纸{ 宽度：95%； 保证金：自动； 最小高度：100%； } 正文>包装{ 高度：自动； 最小高度：100%； } .页脚{ 高度：160px； 宽度：95%； 利润上限：-160px； 左边距：自动； 右边距：自动； 位置：相对位置； 背景色：fff； 边框顶部：2件纯红； } 倡议{ 宽度：23%； 位置：相对位置； 顶部：30px； 左：2px； 浮动：左； 填充：10px； 高度：410像素； 溢出y：滚动； 背景色：FFFB41； } 标志{ 位置：绝对位置； 顶部：30px； 左：0； 右：0； 保证金：自动； 宽度：45%； 高度：自动； } 选择权{ 宽度：23%； 位置：相对位置； 浮动：对； 顶部：30px； 右：2px； 填充：10px； 高度：410像素； 溢出y：滚动； 背景色：B3DEFF； } .标志{ 宽度：100%； 身高：100%； 对象匹配：包含； } 基站{ 宽度：100%； 位置：相对位置； 顶部：475px； 高度：300px； 填充顶部：10px； } /*btns img{ 右边距：50px； }*/ .页脚ul{ 显示器：flex； 列表样式：无； 弯曲方向：立柱； 柔性包装：包装； 高度：100px； 宽度：600px； 利润率：10px自动； 对齐项目：居中； } 李国宝先生{ 弹性基准：25%； 保证金：0.5px 0； } 主要问题是顶部：btn上的475这迫使按钮位于浮动的两个div的范围内。您还需要清除按钮的上方和下方以及文本对齐：将btn居中

---

查看我的小提琴：

您需要通过向BTN css中添加clear:both或创建一个style=clear:both的空div来清除浮动，两者都位于您的选项下方，但仍位于您的BTN上方

---

清除浮动很难解释，但这里有一个链接

将html添加到代码段中，这样我们就可以清楚地看到问题，如果没有标记就无法诊断。添加了html。margin:5px auto可能是导致问题的原因。请尝试删除auto。没有真实的图像很难确定。你能添加图片/提供显示问题的网站链接吗？使用占位符图片，例如：-为了演示。我以前尝试过清除：两个，但我又尝试了一次。按钮按在页脚下方，页脚隐藏第一行的一半，两行左对齐。默认情况下，行是左对齐的，如果要居中，必须在包含div的img上使用文本居中对齐。此外，BTTN显示在页脚下方，因为顶部有一个：475px see链接。如果你移除这个，它应该会修复它。我也会删除页脚上的负边距，但在这把小提琴中没有这样做。此外，您的IMG与上述浮动重叠，因为它们都有一个top:30px集。谢谢你的帮助！