问题描述
页面左侧是个菜单列表，中间是正文区域，在列表右上方有个向左的按钮，点击按钮，左侧菜单隐藏，只有正文区域显示。再点击时左侧菜单又显示。我写的代码如下：<divid="left">列表<divid="sub-icon"class="sub-left"></div></div><divid="content">正文区域</div>CSS#left{width:219px;height:auto;position:absolute;left:0;top:82px;}#sub-icon{float:left;width:14px;height:31px;}#content{padding-left:219px;padding-top:0px;padding-right:0px;overflow:hidden;}Jquery代码$("#sub-icon").click(function(){if($('#left-main').is(":hidden")){$("#left-main").show();$("#content").css("padding-left","219px");$("#sub-icon").removeClass("sub-right").addClass("sub-left");}else{$('#left-main').hide();$("#content").css("padding-left","14px");$("#sub-icon").removeClass("sub-left").addClass("sub-right");}}).css("cursor","pointer");在IE，火狐里显示都没问题，但是在谷歌浏览器里，当左侧菜单隐藏时，正文区域的宽度仍为左侧显示时的宽度，浏览器右侧会出现空白。好像是正文区域的宽度没有刷新。请教高手，改情况，怎么解决？非常谢谢！！！！急需答案！
解决方案
解决方案二：
在#content里加入width:inherit;属性就可以！！
解决方案三：
该回复于2011-04-26 13:58:03被版主删除
解决方案四：
不好意思，好像这个解决办法，还是有问题。宽度会溢出！
解决方案五：
测试用IE6和火狐测试，如果通过就OK，其他不入流的浏览器不管，谁能写出什么浏览器都兼容的页面，除非别用CSS和javascript