Contoh CSS kedudukan relatif dan kedudukan mutlak

badan
{margin: 30px saiz fon:9pt;}

.a, .b, .c, .d, .e
{
lebar: 100px;
tinggi: 100px;
jidar: 5 auto;
warna: #fff ;
latar belakang: #000;
}
.aa, .bb, .cc, .dd, .ee
{
atas: 10px;
kiri: 10px;
lebar: 10px;
tinggi: 10px;
limpahan: tersembunyi;
latar belakang: #F90;
}
.b, .d, .e
{kedudukan: relatif; }
.cc, .dd, .ee
{kedudukan: mutlak;}

J: Tiada kedudukan ditetapkan, hubungan bersarang umum ialah
< ; /div>

B: Hanya div luar ditetapkan relatif, perhubungan bersarang umum
< ;/div>

C: Hanya div dalam ditetapkan kepada mutlak, dokumen adalah bersarang hubungan, halaman Div dalam diapungkan [tidak terapung], diposisikan relatif kepada halaman, dan tiada kaitan dengan div luar.

badan
{margin: 30px; saiz fon:9pt;}

J: Tiada kedudukan ditetapkan, hubungan bersarang umum ialah
< ; /div>

B: Hanya div luar ditetapkan relatif, perhubungan bersarang umum
< ;/div>

C: Hanya div dalam ditetapkan kepada mutlak, dokumen adalah bersarang hubungan, halaman Div dalam diapungkan [tidak terapung], diposisikan relatif kepada halaman, dan tiada kaitan dengan div luar.

D: Div luar ditetapkan kepada relatif, dan div dalam ditetapkan kepada relatif Div ditetapkan kepada mutlak, dan div dalam terapung dan diposisikan relatif kepada div luar

D: Div luar ditetapkan kepada relatif, div dalam ditetapkan kepada relatif dan div dalam diapungkan dan diletakkan relatif kepada div luar

E: Ini adalah untuk menggambarkan masalah sempadan. -10 != terbalikkan jarak 10px

Label berkaitan：

|CS|SS|S关|关于|于相|相对|对定|定位|位和|和绝|绝对|对定|定位|位的|的说|说明|明实|实例|例|

sumber：php.cn

Artikel sebelumnya：Pada mempunyai layout_CSS/HTML Artikel seterusnya：Laraskan susunan jenis CSS untuk menukar effect scrolling link_CSS/HTML

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