Css 填充+；宽度

在CSS中，我有与下边框的链接，如下所示：

a {
    display: block;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 30px;
    border-bottom: 1px solid #EEE;
}

我遇到了问题，因为“padding”值被添加到宽度值中，并且边框底部太长：

---

你知道吗？

填充就是这样做的。查看布局模型的工作原理：相应地进行调整。如果您正在寻找一种灵活的解决方案，那么您需要从

a

元素中删除填充，并添加一个内部

span

，该内部

span

在

a

中具有适当的边距，并相应地调整其他刻度盘。

填充就是这样做的。查看布局模型的工作原理：相应地进行调整。如果您正在寻找一种灵活的解决方案，那么您需要从

a

元素中删除填充，并添加一个内部

span

，该内部

span

在

a

中具有适当的边距，并相应地调整其他刻度盘。

填充和宽度很难共存；只需删除宽度声明。由于您的锚点是块，它们将自动占据100%的宽度（包括填充）：

---

现在它应该占据100%的宽度。

填充和宽度很难共存；只需删除宽度声明。由于您的锚点是块，它们将自动占据100%的宽度（包括填充）：

---

现在它应该占据100%的宽度。

将其添加到包含链接的div中

overflow-x:hidden;

---

演示：

将其添加到包含链接的div中

overflow-x:hidden;

演示：

工作正常，请检查

}​

也许您忘了在模板中包含reset.css文件

检查

工作正常，检查

}​

也许您忘了在模板中包含reset.css文件

---

检查

您正在查看IE吗？填充超出宽度，除非您使用IE且未处于标准兼容模式。重置并不能改变这一点。你在看IE吗？填充超出宽度，除非您使用IE且未处于标准兼容模式。重置不会改变这一点。

a {
display: block;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 30px;
border-bottom: 1px solid #EEE;