Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk membetulkan elemen css3 tanpa menatal
Bagaimana untuk membetulkan elemen css3 tanpa menatal
- WBOYasal
- 2022-08-29 16:46:341265semak imbas
Dalam CSS3, anda boleh menggunakan atribut kedudukan untuk membetulkan elemen tanpa menatal Atribut ini digunakan untuk menentukan jenis kedudukan elemen Apabila nilai atribut ditetapkan kepada tetap, kedudukan elemen ditetapkan relatif kepada tetingkap pelayar, anda boleh mencapai bukan menatal, sintaksnya ialah "elemen {kedudukan:tetap;}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Cara membetulkan elemen css3 tanpa menatal
Dalam css, anda boleh menggunakan atribut kedudukan kedudukan untuk menetapkan kedudukan div pada halaman
Atribut kedudukan menentukan jenis kedudukan elemen. Elemen
boleh diletakkan menggunakan atribut atas, bawah, kiri dan kanan. Walau bagaimanapun, sifat ini tidak akan berfungsi melainkan sifat kedudukan ditetapkan terlebih dahulu. Mereka juga berfungsi secara berbeza, bergantung pada kaedah penentududukan.
kedudukan tetap Kedudukan elemen
ditetapkan relatif kepada tetingkap penyemak imbas.
Kedudukan tetap, kedudukan relatif kepada penciptaan penyemak imbas, anda boleh menggunakan empat atribut atas, kanan, bawah dan kiri untuk menentukan kedudukan elemen berbanding tetingkap penyemak imbas. Menggunakan elemen kedudukan tetap, kedudukan elemen kekal tetap tidak kira bagaimana anda menatal tetingkap penyemak imbas.
Contoh adalah seperti berikut:
<html>
<head>
<style type="text/css">
div{
position:fixed;
left:5px;
top:5px;
width:50px;
height:50px;
background-color:red;
}
</style>
</head>
<body>
<div></div>
<br/>
<br/><br/><br/><br/><br/><br/><br/><br/><bbr/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><brr/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>sergsergsgs<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></><br/><br/>
</body>
</html>Hasil keluaran:
(Belajar perkongsian video: tutorial video css , tutorial video html)
Atas ialah kandungan terperinci Bagaimana untuk membetulkan elemen css3 tanpa menatal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!