日期:2014-05-18  浏览次数:20814 次

div隐藏问题
页面上有左右两个div。我想用一个按钮控制左侧div的显示和隐藏,结果是左侧div隐藏以后留下一大片空白,不知道该怎样让右侧div占用这片空白。请教。
<asp:Content ID="Content1" ContentPlaceHolderID="WorkSpace" Runat="Server">
  <div runat="server" id="groupdiv" style="position: absolute;top: 0px;left: 0px;width:200px;height: 590px;text-align:left;background:#ffffff; overflow:scroll;">  
  <!--asp:...-->
  </div> 

  <div runat="server" id="DivContiner" style="position: absolute;top: 0px;left: 200px;width:837px;height: 590px;text-align:left;float:right;clear:right;overflow:scroll;background:PaleGreen;"> 
  <!--asp:...-->
  </div>
</asp:Content>

因为我想控制两个div一个在左一个在右,所以我用的是position: absolute;并指定了每个div的top和left等属性。好象这样并不妥。。。。

------解决方案--------------------
document.getElementById("div_id").style.display="none"; //不显示,不会占一片空白
document.getElementById("div_id").style.display="block"; //显示
------解决方案--------------------
宽度用百分比啊 width="837%"
------解决方案--------------------
document.getElementById("div_id")这个是JavaScript的
------解决方案--------------------
加个面板,然后把面板隐
------解决方案--------------------
groupdiv.visiable=false;
DivContiner.Style.Remove("left");
DivContiner.Style.Add("left", "0px");
应该是这样吧,现在没环境没办法试,你自己试试看
------解决方案--------------------
学习了