CSS HTML问题-工具栏扩展太远

这是我正在使用的代码：

我不明白为什么蓝色工具栏延伸到文本框的右侧。似乎没有任何空白或空白

我用蓝色和粉色来显示它：

.uEditorToolbar {background-color: blue;}

---

谁能给点指导吗？

UEDITORTOLBAR有两个额外的填充像素。宽度：100%设置不包括填充的宽度。如果需要填充，可以删除宽度：100%，并且蓝色条不会延伸太远

---

这就是你需要的，还是我遗漏了什么。

uEditorToolbar有两个额外的填充像素。宽度：100%设置不包括填充的宽度。如果需要填充，可以删除宽度：100%，并且蓝色条不会延伸太远

---

这就是您需要的，还是我遗漏了什么。

CSS标准指定的默认布局样式意味着测量的宽度和高度属性仅包括内容，而不包括边框、边距或填充。因此，宽度为100%，填充为02px；正在以2px的速度推出内容

默认显示为“块”，因此可能不需要宽度：100%

如果删除宽度：100%或左边的填充将解决问题

---

或者，可以使用CSS3属性通过使用框大小调整来更正布局：border box；如果您针对的是所有浏览器。

CSS标准指定的默认布局样式意味着测量的宽度和高度属性仅包括内容，而不包括边框、边距或填充。因此，宽度为100%，填充为02px；正在以2px的速度推出内容

默认显示为“块”，因此可能不需要宽度：100%

如果删除宽度：100%或左边的填充将解决问题

---

或者，可以使用CSS3属性通过使用框大小调整来更正布局：border box；如果您针对的是所有浏览器。

则显示为2px填充。如果我去掉填充物，它看起来就没问题了

.uEditor .uEditorToolbar
{
    list-style: none;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 0 0 2px;
}

---

似乎有一个2倍的填充。如果我去掉填充物，它看起来就没问题了

.uEditor .uEditorToolbar
{
    list-style: none;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 0 0 2px;
}

---

去除宽度：100%；填充：2px；从.uEditor.uEditorToolbar CSS类。它会起作用。

移除宽度：100%；填充：2px；从.uEditor.uEditorToolbar CSS类。它可以工作。

.uEditor.ueditortToolbar左侧有一个2倍的填充。编辑：修复，谢谢！请添加一个简短的答案，我将接受。批准jdwire的答案，更多细节相同；您将帮助一个noob..uEditor.uEditorToolbar在左侧有一个2倍的填充。编辑：修复，谢谢！请添加一个简短的答案，我将接受。批准jdwire的答案，更多细节相同；你是对的，正如我在评论中所说的，有一个2px的填充，移除它可以解决问题而不移除宽度：100%你是对的，正如我在评论中所说，有一个2px的填充，移除它可以解决问题而不移除宽度：100%