简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

CSS position属性中absolute这个属性是干什么用的？

怪我咯
Lepaskan： 2017-06-22 10:20:07
asal
3347 orang telah melayarinya

css定位参数:position、left、right、top、bottom

参数说明：
absolute参数用来指定方块的定位方式,top、bottom、left、right分别指定方块的上下左右坐标。
参数值说明。 

  • absolute:绝对定位

  • fixed:固定定位

  • relative:相对定位

  • static:静态定位

示例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>示例网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
.c1{
    width:200px;
    height:150px;
    line-height:75px;
    text-align:center;
    border:1px solid #909;
    position:absolute;
    top:50px;
    left:50px;
}
</style>
</head>
<body>
<div class="c1">
本方块宽200px,高150px，绝对定位于上边50px,左边50px
</div>
</body>
</html>
Salin selepas log masuk

Atas ialah kandungan terperinci CSS position属性中absolute这个属性是干什么用的？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css position
sumber：php.cn
Artikel sebelumnya：CSS position属性中：fixed怎么用的 Artikel seterusnya：详解定位属性position中的：relative与absolute
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Isu terkini
Skala sprite CSS kepada imej latar belakang: panduan .my-sprite{background-image:url("https://i.stack.imgur.com/lJpW8.png");height:10...
daripada 2023-11-02 10:39:28
0
2
288
"Menukar Pembolehubah JavaScript kepada PHP: Pembolehubah JavasScript ditukar kepada PHP" Jadi saya tertanya-tanya sama ada terdapat cara untuk menghantar pembolehubah Javascript k...
daripada 2023-09-18 11:50:08
0
1
183
Tutorial: Bagaimana untuk menetapkan warna ellipsoid dalam dokumen CZML? Bagaimana untuk menentukan warna ellipsoid dalam CZML? Apabila saya menambah entiti pada p...
daripada 2023-09-04 00:02:30
0
1
222
Vuetify tidak boleh memuatkan nilai lalai dalam Vue-Toastification Apa yang saya cuba ialah vue-toastification menggunakan komponen tersuai dan beberapa komp...
daripada 2023-08-30 19:12:35
0
1
234
Tajuk baharu: Perkara saya ialah: sifat melekit unsur melekit tidak dikekalkan apabila menggunakan flexbox Saya terperangkap dalam isu ini untuk seketika dan ingin berkongsi kedudukan ini:sticky+fl...
daripada 2023-08-21 23:28:29
0
2
263
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！