検索ボックスと検索ボタンの境界線が重なり合わない問題を解決

今日、Baiduのページで練習していたところ、検索ボックスとボタンの余白とパディングの値が0に設定されているにもかかわらず、境界線が重なり合わないことに気付きました（位置を使用したくなかった）

先生に聞いたところ、親要素のフォントサイズを 0 に設定すればいいと言われました。親要素のテキスト コンテンツにはデフォルトのフォント サイズがあるため、2 つの要素間の間隔が完全に重なることはありません。そのため、フォント サイズを設定すると、問題は完全に解決されます。

しかし、タグ属性は継承される可能性があり、サブタグ内のテキスト内容が影響を受けるかどうかにも注意する必要があります。影響を受ける場合は、別途設定する必要があります。
Chrome コンソールで font-size の値を変更すると、値が 0 でない限り、値がどれだけ大きくても 2 つのボックスは固定距離で分離されることがわかります。

要約する

これで、検索ボックスと検索ボタンの境界線が重ならない問題の解決方法についての記事は終了です。検索ボックスと検索ボタンが重ならない問題に関する関連コンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。