Bagaimana untuk membetulkan elemen css3 tanpa menatal-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk membetulkan elemen css3 tanpa menatal

WBOY

Lepaskan： 2022-08-29 16:46:34

asal

1195 orang telah melayarinya

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;}".

Bagaimana untuk membetulkan elemen css3 tanpa menatal

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>

Salin selepas log masuk

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!