HTML textarea margin

當我向寬度爲100％的HTML <textarea>添加頁邊距時，頁邊距將正確應用於左側，但整個文本框會向右移動，並且會延伸至父容器。HTML textarea margin

以此爲例JsFiddle。正如你所看到的，textarea延伸到右側，而不是擴展到10px的邊距。有沒有什麼辦法解決這一問題？我能想到的唯一方法是用javascript手動調整大小，但必須有另一種方式。

2013-05-02 Brad

這是你後的效果？在這裏，我將位置設置爲絕對值，並從每個邊緣給出邊距。

HTML

<textarea>tyjyjyj</textarea>

CSS

textarea {  
    position: absolute; 
    left: 30px; 
    right: 30px; 
    top: 30px; 
    bottom: 30px; 
}

，並更好地定位你可以用相對風格的元素包裝它像這樣http://jsfiddle.net/tTnCd/4/

textarea的

2013-05-02 09:01:49 Greg

對於不使用父級的100％寬度的元素，您不能使用100％寬度。
在這種情況下，您需要創建一個100％的最大寬度，然後嘗試獲取寬度值，該值很好地考慮了您正在應用的邊距。

2013-05-02 08:36:24 brunoais

當您設置width:100%，它被設定爲100％到父，但是當你添加額外的保證金10px的，現在完全是比母體更大。

我已經開始使用任何固定邊距或寬度的百分比，所以這不會發生。

所以嘗試像width:99%; margin:10px 0.5%;這不會溢出被應用假設沒有別的喜歡的填充或邊框的父元素。

這裏是更新爲使用保證金比例和寬度不溢出fiddle。

編輯

我想雖然任何邊界或填充添加元素時，它擁有100％的寬度也將使其溢出。一個例子是在textarea的Firefox默認樣式，它給了它一個2px的插入邊框+寬度+邊距。

2013-05-02 08:36:33 Turnerj

回答