輸入寬度爲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/