Rumah >hujung hadapan web >tutorial css >Bagaimana Menggunakan Peratusan Padding atau Margin Berdasarkan Ketinggian Bekas Induk dalam CSS?
Bagaimana Menggunakan Peratusan Padding atau Margin Berdasarkan Ketinggian Bekas Induk dalam CSS?
- Patricia Arquetteasal
- 2024-12-18 10:04:14612semak imbas
Cara Menetapkan Padding atau Margin sebagai Peratusan Ketinggian Bekas Induk
Apabila cuba menjajarkan elemen secara menegak menggunakan CSS, ia mungkin kelihatan logik untuk menetapkan sifat padding-top atau margin-top sebagai peratusan ketinggian bekas induk. Walau bagaimanapun, menggunakan peratusan dengan padding-top dan margin-top menghasilkan nilai berbanding dengan lebar bekas, menyebabkan gelagat yang tidak dijangka apabila lebar bekas berubah.
Penyelesaian
Untuk menetapkan padding atau margin sebagai peratusan ketinggian bekas induk, elakkan menggunakan padding-top dan margin-top. Sebaliknya, tetapkan sifat atas atau bawah elemen dalam bekas induk.
`
<div>
<div>
Penjelasan
Dengan menggunakan sifat teratas, kedudukan elemen anak kini relatif kepada ketinggian bekas induk, memastikan penjajaran menegak kekal konsisten tanpa mengira lebar bekas.
Atas ialah kandungan terperinci Bagaimana Menggunakan Peratusan Padding atau Margin Berdasarkan Ketinggian Bekas Induk dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!