biasanya digunakan dengan gaya atas, bawah, kiri dan kanan. Atribut atas menentukan tepi atas elemen dan mentakrifkan pengimbang antara sempadan margin atas elemen diposisikan dan sempadan atas blok yang mengandunginya, atribut bawah menentukan tepi bawah elemen; daripada elemen; dan atribut kanan menentukan tepi kanan elemen.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Kedudukan CSS biasanya digunakan bersama-sama dengan gaya atas, bawah, kiri dan kanan. Atribut
atas menentukan tepi atas elemen. Sifat ini mentakrifkan pengimbangan antara sempadan jidar atas elemen diposisikan dan sempadan atas blok yang mengandunginya.
Atribut bawah menentukan tepi bawah elemen. Sifat ini mentakrifkan pengimbangan antara sempadan jidar bawah elemen yang diposisikan dan sempadan bawah blok yang mengandunginya.
Atribut kiri menentukan tepi kiri elemen. Sifat ini mentakrifkan pengimbangan antara tepi jidar kiri elemen yang diposisikan dan pinggir kiri blok yang mengandunginya.
Atribut kanan menentukan tepi kanan elemen. Sifat ini mentakrifkan pengimbangan antara tepi jidar kanan elemen yang diposisikan dan tepi kanan blok yang mengandunginya.
Nota: Jika nilai atribut "kedudukan" adalah "statik", maka menetapkan atribut "atas", "bawah", "kiri" dan "kanan" akan mempunyai tiada kesan.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h2
{
position:absolute;
left:100px;
top:150px;
}
</style>
</head>
<body>
<h2>这是一个绝对定位了的标题</h2>
<p>用绝对定位,一个元素可以放在页面上的任何位置。标题下面放置距离左边的页面100 px和距离页面的顶部150 px的元素。.</p>
</body>
</html>Rendering:
(Perkongsian video pembelajaran : tutorial video css)
Atas ialah kandungan terperinci Gaya manakah yang biasa digunakan dengan kedudukan css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
aksara melarikan diri JavaScript
Bagaimana untuk membatalkan pembaharuan automatik Kad Simpanan Wang Taobao
Cara menggunakan fungsi penyahkod
Kaedah pengesanan pautan mati laman web
Apakah maksud Jingdong plus?
Bahasa Komputer
Bagaimana untuk menutup port 135
Apakah kelebihan rangka kerja Spring Boot?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
