如何在第一个事业部提供更多的数据增加了高度动态的第二格的

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>Untitled Page</title> 
    <style type="text/css"> 
     #t2 
     { 
      width: 87px; 
      top: 49px; 
      left: -566px; 
     } 
     #t1 
     { 
      width: 87px; 
     } 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div style="height: 171px; width: 391px"> 
    <div id="Div2" style="position:absolute; top: 65px; left: 14px;"> 

     sdsdf<br /> 
     asfaesrestret<br /> 
     asf<br /> 
     asdfas<br /> 
     asdfaasdfasfsad<br /> 
     hhb<br /> 
     jh</div> 
    <div id="t1" style="position:absolute; top: 65px; left: 111px;"> 
     yyyyyyyyyyyyy 
    </div> 
    <div id="Div1" 
     style="position: absolute; width: 87px;position:absolute; top: 168px; left: 12px;"> 
    xxxxxxxxxxxxxxx 
    </div> 
    </div> 
    </form> 
</body> 
</html>

嗨，进出口新的CSS，请帮我如何动态地增加在Div2的给予更多的数据的高度？主div的高度也需要增加。我已经确定了绝对的位置，我不确定是否会根据Div2的数据增加移动div。请建议？提前致谢。如何在第一个事业部提供更多的数据增加了高度动态的第二格的

-Srini

来源

2009-10-14 Srinivasan K

我没有类似的东西在这里什么：http://stackoverflow.com/questions/1335752 – Sampson 2009-10-14 16:40:56

我会建议你使用一个div包装你的两个div并为高度改用固定值的百分比。

编辑：

然后做以下操作：

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>Untitled Page</title> 
    <style type="text/css"> 
     #t2 
     { 
      width: 87px; 
      top: 49px; 
      left: -566px; 
     } 
     #t1 
     { 
      width: 87px; 
     } 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div style="height: 171px; width: 391px"> 
     <div id="wrapper" style="position:absolute;"> 
     <div id="Div2" style="top: 65px; left: 14px; background: red;"> 

      sdsdf<br /> 
      asfaesrestret<br /> 
      asf<br /> 
      asdfas<br /> 
      asdfaasdfasfsad<br /> 
      hhb<br /> 
      jh</div> 
     <div id="t1" style="position:absolute; top: 65px; left: 111px;"> 
      yyyyyyyyyyyyy 
     </div> 
     <div id="Div1" 
      style="width: 87px;position:relative; top: 0px; left: 12px; background: green;"> 
      xxxxxxxxxxxxxxx 
     </div> 
     </div> 
    </div> 
    </form> 
</body> 
</html>

我设置背景颜色的div所以你会明白我的意思。本质上，我添加了绝对位置的包装div。 Div1和Div2现在是相对的。 Div1具有top：0属性，不会与Div2留下任何空隙。

来源

2009-10-14 09:38:56

我想如果Div2给出更多的数据，则向下移动Div1。它不应该覆盖Div1的内容...截至目前它的覆盖Div1 .. 复制上面的代码，并提供更多的数据在div2内，它将覆盖Div1 .. – 2009-10-14 14:27:12

您可以使用JavaScript来动态更改元素属性。例如

document.getElementById("Div1").style.width= "900";

来源

2009-10-14 09:39:58 svlada

我想下移Div1如果数据在给定更多关于Div2。它不应该覆盖Div1的内容...截至目前它的覆盖Div1 .. 复制上面的代码，并提供更多的数据在div2内，它将覆盖Div1 .. – 2009-10-14 14:29:19

所以基本上你想改变基于div的div位置内容？ – svlada 2009-10-15 09:20:17

工程跨浏览器更换100你想成为默认的高度

min-height: 100px; height: auto !important; height: 100px;

来源

2010-09-30 07:51:56 Baijs

如何在第一个事业部提供更多的数据增加了高度动态的第二格的

回答

相关问题