Apakah yang perlu saya lakukan jika peratusan tetapan ketinggian css tidak berkuat kuasa?

Sebab mengapa

tidak berkuat kuasa: elemen induknya belum menentukan ketinggian, jadi gaya "ketinggian:XX%" tidak boleh digunakan dengan berkesan. Penyelesaian: Gunakan atribut ketinggian untuk menetapkan ketinggian tertentu untuk elemen induk, supaya peratusan tetapan ketinggian elemen anak boleh berkuat kuasa.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Apabila kami menetapkan ketinggian responsif untuk elemen peringkat blok, seperti menetapkan height:50% untuk div, kami sering gagal melihat kesannya.

Sebabnya ialah peratusan saiz adalah relatif kepada lebar dan ketinggian elemen induknya Contohnya, peratusan yang ditetapkan oleh elemen paling luar sepadan dengan skrin.

Apa yang anda perlu fahami ialah untuk lebar, elemen induknya boleh menetapkan peratusan tanpa menentukan lebar

Tetapi ketinggiannya berbeza Jika elemen induk bagi sesuatu elemen tidak menentukan ketinggian, Maka gaya ketinggian:XX% tidak boleh digunakan dengan berkesan! ! !

Selepas membaca perenggan di atas, saya cuba menambah badan{heigh: 100%}, tetapi tidak berjaya...

Mari kita fikirkan dengan teliti~~ ~ , adakah ketinggian unsur induk badan telah ditentukan? ? ? ? ? ? Tidak~~Jadi ia masih tiada kesan

Jadi kita masih perlu menetapkan ketinggian elemen html! ! Atau tetapkan peratusan ketinggian dalam *{}

Kodnya adalah seperti berikut

*{
	margin:0px;
	padding: 0px;
}
html,body{
	margin: 0px;
	background:url(../img/body_bg.jpg) no-repeat 0 0;
	width:100%;
	height:100%;
}
.nav{
	width:100%;
	height:20%;
	border: 1px solid red;
}
.nav>img{
	width:100%;
	height: 100%;
}

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Video Pengaturcaraan! !

Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika peratusan tetapan ketinggian css tidak berkuat kuasa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!