输入宽度为100％ - 20px

Question

我知道这是不可能的，但我想知道是否还有其他方法可以达到效果。

如果您查看下面的jsfiddle，您会看到输入是容器的94％并且居中，这可以正常工作，但我真正想要的是输入每边都有10px的边距。

http://jsfiddle.net/brendan_rice/4ugxk/13/

有人可以帮忙吗？

Answer 1

试试这个http://jsfiddle.net/hRrVv/

Answer 2

从.bottom DIV中删除宽度。写得像这样：

.bottom{
    position: absolute;
    bottom: 0px;
    background-color: red;
    left: 10px;
    right:10px;
    text-align: center;
}

请检查：Fiddle

Answer 3

如果可以的话，可以尝试类似http://jsfiddle.net/4ugxk/24/的内容

.bottom{
  position: absolute;
  bottom: 0;
  left:0; right:0;
  margin-left:10px;
  margin-right:10px;
}

Answer 4

您可以在输入元素周围放置一个包裹范围（或div），并使用它来应用您想要的边距。您需要从标准输入框（填充，边框等）中删除默认样式，并根据您希望输入的显示来设置此包装元素的样式。

请参阅：http://jsfiddle.net/4ugxk/43/