CSS BUG 总结

1.IE7 容器使用了滚动条  其子元素中使用 position:relative ,position变成了fixed,从而不随容器的滚动条滚动;

  解决:

  在其容器元素的属性中也加入 position:relative  (也就是使用滚动条的元素)

2.IE7 高度100% 问题

  在IE7 中,如果父对象没有使用过高度,可以正常,如果父对象(并不局限与直接父对象)使用了告诉,在设置100% 后就会继承上面的高度

  在做 展开 收缩 的时候遇到的问题

  最后使用的方法是  隐藏的文字的父对象设置固定高度  并且 overflow:hidden ,展开时 用 JS 算出实际需要的高度

$('#c_toggle').toggle(function(){
		var haha = $('#real p').innerHeight();
		var la = haha + 'px';
		$(this).html('收缩');
		$('#real').stop().animate({'height':la},200);
	},function(){
		$(this).html('展开');
		$('#real').stop().animate({'height':'25px'},200)
	});

 

posted @ 2014-06-11 19:25  笑笑别人  阅读(193)  评论(0编辑  收藏  举报