CSS BUG 总结

时间:2023-03-09 02:22:22
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)
});