CSS BUG 总结

最新推荐文章于 2024-11-09 22:51:28 发布

weixin_30610755

最新推荐文章于 2024-11-09 22:51:28 发布

阅读量55

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mr-amazing/p/3782604.html

本文详细介绍了如何解决IE7中容器使用滚动条时，其子元素使用position:relative导致不随容器滚动的问题，并分享了在IE7中解决高度100%问题及展开收缩功能实现的方法，通过隐藏文字的父对象设置固定高度并利用JS计算实际高度。

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)
	});

转载于:https://www.cnblogs.com/mr-amazing/p/3782604.html