Kaedah tetapan: 1. Tambahkan gaya "kedudukan: relatif;" pada teg induk teg untuk kedudukan relatif; ; 3. Gunakan Atribut atas, bawah, kiri dan kanan mengawal kedudukan label.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Dalam HTML, anda boleh menggunakan atribut kedudukan untuk menetapkan kedudukan teg a:
Tambahkan gaya "position: relative;" pada teg induk teg a untuk kedudukan relatif ;
Tambahkan gaya "kedudukan: mutlak;" pada teg untuk kedudukan mutlak; , bawah, kiri, kanan atribut untuk mengawal kedudukan label.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
width: 300px;
height: 200px;
background-color: yellow;
position: relative;
}
a{
position: absolute;
top: 50px;
left: 50px;
}
</style>
</head>
<body>
<div>
<a>我是一个a标签</a>
</div>
</body>
</html>relatif: Menghasilkan elemen yang agak berkedudukan, berkedudukan relatif kepada kedudukan normalnya. Oleh itu, "kiri:20" menambah 20 piksel pada kedudukan KIRI elemen.
mutlak: Menghasilkan elemen berkedudukan mutlak, diposisikan relatif kepada elemen induk pertama selain daripada kedudukan statik. Kedudukan elemen ditentukan melalui atribut "kiri", "atas", "kanan" dan "bawah".
Tutorial yang disyorkan: "
tutorial video htmlAtas ialah kandungan terperinci Bagaimana untuk menetapkan kedudukan tag dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
