Ich habe das folgende CSS- und HTML-Snippet, das gerendert wird.
textarea
{
border:1px solid #999999;
width:100%;
margin:5px 0;
padding:3px;
}
<div style="display: block;" id="rulesformitem" class="formitem">
<label for="rules" id="ruleslabel">Rules:</label>
<textarea cols="2" rows="10" id="rules"/>
</div>Das Problem ist, dass der Textbereich am Ende 8px breiter ist (2px für den Rand + 6px für das Padding) als der übergeordnete Bereich. Gibt es eine Möglichkeit, weiterhin Rand und Polsterung verwenden, aber beschränken die Gesamtgröße des textarea auf die Breite des Elternteils?
