Wie Sie in diesem Beispiel sehen können, scheint der input seinen übergeordneten div zu "überlaufen". Ich möchte Padding zum input hinzufügen, ohne dass es überläuft.
Ich möchte die beste Lösung / Workaround für jeden Browser (einschließlich IE, Firefox, Chrome, etc) kennen.
Sie können diese Antwort sehen, aber wenn Ihnen das nicht gefällt, können Sie% verwenden. co_de% CSS3 Eigenschaft wie folgt:
%Vor%Padding erhöht die Breite Ihres Objekts. Eine Option wäre, das Padding links / rechts von der Eingabe zu entfernen und nur den Text-Einzug zu verwenden, obwohl dies die rechte Auffüllung entfernt.
%Vor%Alternativ können Sie anstelle von hartkodierten Pixelbreiten für die Auffüllung Prozentsätze verwenden und diesen Wert von der Breite subtrahieren:
%Vor%Sieht so aus, als wäre die Eingabe innerhalb des div, aber in der oberen linken Ecke. Da die Eingabe 100% der div-Breite einnimmt, verdunkelt sie den roten Hintergrund des div. Das div ist länger, so dass es aus dem Boden herausragt und es so aussieht, als ob der Eingang oben ist. Tun Sie Folgendes: