怎么解决css中li在火狐ie高度不一样

怎么解决css中li在火狐ie高度不一样,第1张

您好!很高兴为您答疑!

需要为不同浏览器设置兼容属性,火狐下您可以安装Firebug检查代码,帮助您进行前端开发与调试。

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

想了半天js没想到什么好用的办法,jQuery倒是可以实现,但是js我倒是想到了一个比较笨的方法

先获得aul下所有的li的长度,然后获得bul下的li的长度,相减得到aul的子li的长度,就是你想要的那些li的长度,然后通过documentgetElementById("id")childNodes[n]这个函数,n应该是0-最终你想要的li的长度-1,这样子吧

这个太简单了吧,先设置父元素,overflow:hidden;

收起的时候,height:0;

点开的时候 height:auto;

另外最好不要用绝对定位,这样会让布局更麻烦

哦,补充一下,如果还有爷爷级的话同样要给设置overflow:hidden;

应为这样才能形成BFC(块级格式化上下文)

不然的话会撑不开

 var max_width=0;

 $('ul li')each(function(){

     if(max_width){

         if($(this)width()>max_widthwidth()){

             max_width = $(this)width();

         }

     }else{

        max_width = $(this)width();

     }

})

alert(max_widthwidth())

你有看清楚这个意思吗? 这里的高度 是指$("side_main ul") 这个的高度啊clone返回的对象,您搞错了~后面你提的浮动,放心,还没幼稚到把ul,li这两个都浮动,如果互动了,我添加到页面里面,同样的 *** 作,却能返回height()回答:ul浮动 果然厉害 。谁说你UL浮动。我说LI克隆返回的对象。你测试下就知道<stylea1 li{float:left;}</style<ul class="a1"<li1</li<li1</li<li1</li<li1</li<li1</li<li1</li</ul<ul class="a2"123</ul<script$(function(){alert($("a1")clone()appendTo("a2")height())})</script这是浮动的 你返回看 高度是不是0不浮动 你再试 a1高度为108 a2高度为126 测试浏览器 FF IE6补充:要么我没看懂你说的 要么你没理解height运行的对象和CSS追问:side_main {background:url(images/gl_06png) repeat-y left;width:100%;}side_main ul {position:relative;margin-top:-80px;left:40px;padding-bottom:20px}side_main li {line-height:26px;}我也好奇,你看看,这里面没有float吧,而且我也设置其他的相关ul li样式position:relative;应该不会变成浮动吧T-T把克隆内容插入到页面中,然后在浏览器地址里面获取高度的时候,就可以,好怪异

以上就是关于怎么解决css中li在火狐ie高度不一样全部的内容,包括:怎么解决css中li在火狐ie高度不一样、javascript 获得ul下的li子元素、求一段JS 获取子元素自适应高度值并赋予其父元素相同的高度值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9303286.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存