Beheben Sie das Problem, dass sich die Ränder des Suchfelds und der Suchschaltfläche nicht überlappen können

Als ich heute mit der Baidu-Seite übte, stellte ich plötzlich fest, dass sich die Ränder des Suchfelds und der Schaltflächen nicht überlappen konnten, obwohl die Rand- und Füllwerte auf 0 gesetzt waren (ich wollte die Position nicht verwenden).

Ich habe den Lehrer gefragt, und er sagte, ich könnte die Schriftgröße des übergeordneten Elements einfach auf 0 setzen. Da der Textinhalt des übergeordneten Elements eine Standardschriftgröße hat, können sich die Abstände zwischen den beiden Elementen nie vollständig überlappen. Das Festlegen der Schriftgröße löst das Problem daher optimal.

Aber aufgrund Tag-Attribute können vererbt werden, wobei auch darauf zu achten ist, ob der Textinhalt in den untergeordneten Tags davon betroffen ist. Ist dies der Fall, sollte dies gesondert festgelegt werden.
Beim Ändern des Schriftgrößenwerts in der Chrome-Konsole wird festgestellt, dass die beiden Felder unabhängig von der Größe des Werts in einem festen Abstand voneinander gehalten werden, solange der Wert nicht 0 ist.

Zusammenfassen

Damit ist dieser Artikel zur Lösung des Problems, dass sich die Ränder von Suchfeld und Suchschaltfläche nicht überlappen, abgeschlossen. Weitere verwandte Inhalte zum Problem, dass sich die Ränder von Suchfeld und Suchschaltfläche nicht überlappen, finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!