gpt4 book ai didi

css - 如何根据内容增加div的大小

转载 作者:太空宇宙 更新时间:2023-11-04 13:19:01 24 4
gpt4 key购买 nike

<分区>

我的页面上有四个 div。 outer_div 包含其他三个:headerleft-containerright-container。我不关心 headerleft-container。实际上我的 right-container div 包含一个动态表。

问题是当表的大小增长时,right-container div 不会自动增长。我的意思是它的大小保持不变。

html代码:

<html>
<body>
<div id="outer_div" style="background-color:Gainsboro; position:relative; top:50px; left:50px;height:550px;border-radius:8px; border:groove; width:1240px">

<div id="header" style="background-color:Khaki ; position:relative; top:5px; left:5px;height:50px;border-radius:8px; border:groove; width:1225px">
<h1 style="left:550px; position:relative; top:-7px">Admin Panel</h1>
</div> <!-- header ends-->

<div id="lef-container" style="background-color:LightSteelBlue ; position:absolute; top:65px; left:4px;height:475px;border-radius:8px; border:groove; width:280px">
</div> <!--left-container ends -->

<div id="right-container" style="background-color:LightSteelBlue ; position:absolute; top:65px; left:294px;height:475px;border-radius:8px; border:groove; width:936px">
<!-- this div contains dynamica table -->
</div> <!--right-container ends -->
</div> <!--outer div ends -->
</body>
</html>

如何解决?这是 css :

border:1px solid #000000;
border-collapse:collapse;
width:200px;
}
.mytable td{
background:#cccccc;
border:1px solid #000000;
}

表格的CSS:

    var tab=document.createElement('table');
tab.style.width='800';

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com