CSS Padding不工作？

Question

为什么the search box here没有15px填充到右边？ 这是CSS：

#element_right {
padding: 120px 15px 0px 0px;
color:#161514;
font-family:helvetica, sans-serif, Arial;
font-size: 13px;
background: #f4f4f4;
width: 270px;
height: 100%;
float: right;
}

我正在使用Chrome

Answer 1

这应该有效（如果那是你真正想要实现的目标）：

#element_right {
padding: 120px 35px 0px 0px;
color: #161514;
font-family: helvetica, sans-serif, Arial;
font-size: 13px;
background: #F4F4F4;
width: 270px;
height: 100%;
float: right;
}

Answer 2

为了达到效果，设置保证金是一种更合适的方式。

当然，它会与宽度冲突，因为宽度为280px的子元素会破坏整个结构。

我建议您删除子元素中的宽度，并在#element_right上使用宽度为295像素的宽度效果与下面的方框相同。

因此除了边框和方框阴影之外，搜索框的宽度和水平位置与下面的框完全相同。

编辑：删除误导性答案。

Answer 3

搜索div的内容宽度不会留下填充空间，将输入缩小为宽度：190px

Answer 4

只需检查歌剧，你的15px填充工作，你只需填写搜索栏