JS控制Div，在线等，谢谢

我的需求是这样的，左边一个div，大概宽度占70% 
右边3个小div 宽度30%
当我把左边div关闭的同时，右边的div靠到最左边，不拉伸
当我点一个button时恢复原样请教怎么做，最好给个Demo，谢谢。

解决方案 »

  1.   

    能说的再细点么，Div布局我还是第一次用
      

  2.   

    这种东西很少人会写代码的为了赚分我就拼了哈
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title></head>
    <body><div style="width:500px;border:1px solid red;">
    <div style="width:70%; float:left" id="bigDiv"><span onclick="this.parentNode.style.display='none'">关闭大Div</span></div>
    <div style="width:10%; float:left">小div</div>
    <div style="width:10%; float:left">小div</div>
    <div style="width:10%; float:left">小div</div>
    </div><input  type="button" value="显示大DIV" onclick="bigDiv.style.display=''"/>
    </body>
    </html>
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title></head>
    <body><div style="width:500px;border:1px solid red;">
    <div style="width:70%; float:left" id="bigDiv"><span onclick="this.parentNode.style.display='none'">关闭大Div</span></div>
    <div style="width:10%; float:left">小div</div>
    <div style="width:10%; float:left">小div</div>
    <div style="width:10%; float:left">小div</div>
    </div><input  type="button" value="显示大DIV" onclick="bigDiv.style.display=''"/>
    </body>
    </html>
    4楼的可以用