li 布局 CSS样式

本文介绍了如何使用UL, LI, DIV创建下拉菜单,并通过CSS样式实现跨浏览器兼容。关键点在于设置parentMenu的position:relative和HiddenMenu的position:absolute, left:0, top:100%。还提到了IE7中z-index的问题,解决方法是为父级元素添加position:relative和适当的z-index。此外,文章还分享了使li内span内容居中和a标签内容与li样式水平对齐的技巧。" 132656342,8753399,JavaScript实现Gale-Shapley匹配算法,"['javascript', '算法', '开发语言']
摘要由CSDN通过智能技术生成

利用 UL ,LI ,DIV 下拉菜单布局要点:

<li>

<A class=highlight>服务</A>
<DIV class=HiddenMenu>
<UL class=subMenu>
<LI><A href="Services.aspx">标准化服务</A>
<LI><A href="Services.aspx">个性化服务</A>
<LI><A href="Services.aspx">定制服务</A>
<LI><A href="Services.aspx">免费试用</A>
<LI><A href="Services.aspx">自助申请定位</A>
<LI><A href="Services.aspx">自助选校</A> </LI></UL></DIV>

</li>

Css 样式设置:

parentMenu的  position:relative

HiddenMenu:   position:absolute ,left:0; top:100%

这样就可以做出纯CSS下拉菜单了,而且跨浏览器的哦

补充:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值