jquery使⽤height（）返回元素⾼度总是为0
[url]my.oschina/qii/blog/412763[/url]
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
jquery是什么选择器
OK!

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。