流體輸入和固定側欄

我正在嘗試在左側創建一個帶有描述的100％流體輸入框。我把它和我想要的幾乎完全相同，除了當我在輸入框上放一個邊框時，它現在給我帶來了一些問題，因爲它會將它切斷到右側。流體輸入和固定側欄

如果不使用99％而不是100％寬度，我該如何實現這一目標？我應該用一個額外的div來代替「標籤」嗎？

2012-10-14 Jimmy

Duolicate你自己的問題，心不是它？？？ http://stackoverflow.com/questions/12885465/css-cutting-off-the-end-of-the-input-box – jtheman

我覺得這個問題已經改變了，因爲我對導致它的原因有了更好的理解。爲了解決核心問題，我也從那個問題中大幅改變了代碼。我希望這不是一個問題。 – Jimmy

是的，但溢出：隱藏保持，這是導致你的問題？ – jtheman

事實上：

box-sizing: border-box;

將更改元件，其中將包括所述寬度計算的內部邊界和填充在包裝盒上的模型。

2012-10-14 20:22:52

這將工作，但不是非常跨瀏覽器兼容。我有其他選擇嗎？ – Jimmy

@ user1738522：這是[非常跨瀏覽器兼容]（http://caniuse.com/#feat=css3-boxsizing）我不能幫你與IE> 8。 –

只是增加填充來補償邊界被切斷將解決你的問題，儘可能容易，因爲：

.fieldwrapper { overflow: hidden; padding: 0 2px}

2012-10-14 20:59:31 jtheman

回答