澳门永利皇宫官网|首页

新闻§资讯NEWS

深圳网站制作中UL列表如何设置做到高度自适应(height:100%)?

作者:深圳网站建设 来源:万广互联 浏览数:3849 发布时间:2012-11-1 10:42:52

在网页制作时,css中常常需要ul高度自动增减,也就是说要做百分比,比如:
ul { clear:both; margin:0 auto; height:100%; padding:8px 0px; background:url(../images/li_bg.jpg) repeat-x left bottom;}效果如下:

           


                 360/火狐/搜狗浏览器下正常                                                            IE9浏览器下变形
 

解决办法
结果加上overflow:hidden,就会高度自适应
ul { overflow:hidden;clear:both; margin:0 auto; height:100%; padding:8px 0px; background:url(../images/li_bg.jpg) repeat-x left bottom;}
 

本文作者:万广互联

本文地址:/news/498.html

版权所有 转载时必须以连接形式注明作者和原始出处

已有0条评论,点击发表评论最新评论

发表评论

验证码: 点击切换验证码 看不清楚?

我们为您提供

高品质网站建设

服务包含营销推广、网站建设、企业邮箱、域名空间、CRM系统开发

现在咨询 0755-23000632