Bagaimana untuk menetapkan kedudukan tetap div dalam HTML
Nov 25, 2021 am 11:41 AMDalam HTML, anda boleh menambah gaya "position:fixed;" pada elemen div dan menetapkannya kepada kedudukan tetap, supaya kedudukan div boleh dibetulkan "
".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.
Cara untuk menetapkan kedudukan tetap div dalam HTML
Dalam html, anda boleh menggunakan atribut gaya untuk menetapkan kedudukan untuk menentukan jenis penentududukan elemen. Anda hanya perlu Nilainya ditetapkan kepada tetap, yang bermaksud elemen yang diposisikan secara mutlak dijana dan diposisikan berbanding tetingkap penyemak imbas. Iaitu, kedudukan tetap kekal tidak berubah.
Mari kita ambil contoh untuk melihat cara membetulkan kedudukan div Contohnya adalah seperti berikut:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div style="width:100%; height:100px; background:red; position:fixed; bottom:0;">这是一个固定在底部的div</div> </body> </html>Salin selepas log masukHasil keluaran:
Dalam contoh di atas, div ditetapkan di bahagian bawah, cuma tambahkan position:fixed style pada elemen div melalui atribut gaya.
Tutorial yang disyorkan: "tutorial video html"
Atas ialah kandungan terperinci Bagaimana untuk menetapkan kedudukan tetap div dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Artikel Panas
Alat panas Tag
Artikel Panas
Tag artikel panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP?
Feb 07, 2025 am 11:57 AM
Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP?
