masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > ul构造菜单的问题_html/css_WEB-ITnose

ul构造菜单的问题_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-21 09:42:14
asal
1158 orang telah melayarinya

css 菜单

我按照《精彩绝伦的css》书上介绍的方法，制作了如下菜单，
但发现弹出的菜单总出现在屏幕外右边，我理解可能是li中绝对定位时没有参照ul中的position：relative。但如何纠正这个问题？我用的是chrome测试。








回复讨论(解决方案)

不要给 ul.toc li 加 position:relative;
给 ul.toc li a 加 position:relative;

不知道是不是你要的效果。

太酷了，多谢。但是为什么给祖父节点就不行了呢？还要请教下,我听说absolute是沿着他父元素链的relative来定位，但为啥隔了一级就不行了？

明白了，ul和li都是块元素。设了背景看出来的。多谢。

Label berkaitan：
ul构造菜单的问题
sumber：php.cn
Artikel sebelumnya：用HTML制作了一个表单，里面密码文本框出问题了，求解！_html/css_WEB-ITnose Artikel seterusnya：跪求高手帮我看看这些css代码哪里出现问题了。_html/css_WEB-ITnose
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
Dalam paparan mudah alih, bagaimana saya boleh menutup bar navigasi ini apabila pengguna mengklik pada pautan? Apabila pengguna mengklik pautan untuk menyemak imbas tapak web, bar navigasi tidak ditutu...
daripada 2024-04-06 19:23:03
0
1
411
Kotak semak terma dan syarat lalai tersuai dalam Symfony 5 Saya baru mengenali symfony dan saya cuba membina halaman pendaftaran saya. Borang dan med...
daripada 2024-04-04 22:42:19
0
1
1365
Vanilla JS setTimeout(): Mengenal pasti tingkah laku yang salah Saya mempunyai animasi pada menu hamburger saya yang ditulis dalam HTML, CSS dan JavaScrip...
daripada 2024-04-02 20:44:40
0
1
284
Bootstrap 4 dropdown saya tidak berfungsi dan saya tidak tahu bagaimana untuk membetulkannya Saya sangat baru dengan HTML dan saya telah mencuba selama berjam-jam untuk membolehkan me...
daripada 2024-04-02 18:12:59
0
1
283
Logik Boolean tidak kooperatif Saya menghadapi masalah dengan tapak web saya yang telah saya cuba selesaikan sekurang-kur...
daripada 2024-04-02 13:34:26
0
1
319
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