Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk membetulkan elemen css3 tanpa menatal

Bagaimana untuk membetulkan elemen css3 tanpa menatal

WBOY
WBOYasal
2022-08-29 16:46:341214semak 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;}".

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>

Hasil keluaran:

 1.gif

(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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn