jquery使用height()返回元素高度总是为0
浏览数：33 /
时间：2015年06月09日
var mObj = $(‘#menu_list‘); var mHeight = mObj.height(); console.log(mHeight);//0
当我在console里面，直接获取元素的高度，又是正常的。
$(‘#menu_list‘).height();//45
百度了一下，jQuery使用height()返回0的问题，都是说因为jQuery无法获取隐藏元素.但是我的元素是显示的，并没有隐藏。
仔细想了下，想起来是菜单下面的元素使用了float属性。而float属性，会导致父元素的高度为0.以前在chrome或者Firefox下查看元素，父元素的高度都会是0.chrome的标尺会直接标出来是0，而Firefox下，则会看不到父元素。
想到了这点，就开始验证。
.clearfix:after{display: block;height:100%;_height:100%;clear:both;content:‘\020‘;}
.clearfix{zoom:1;}
加入clearfix的样式
<ul id="menu_list" class="clearfix"> .... </ul>
再次刷新页面：
console.log(mHeight);//45
OK!
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
