gpt4 book ai didi

html - 在 div 中选择列表高度 100%

转载 作者:行者123 更新时间:2023-11-28 02:52:08 25 4
gpt4 key购买 nike

我在 div 中有这个选择列表,我想将高度设置为 100% 而不是选择的大小编号 (size=10)。我该怎么做?

我的代码:

<div style="top:18%; left:5%; width:25%; height:40%; background: rgba(0,204,0,1); position:absolute; border:#0000FF solid 1px;">
<table width="100%" height="10%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="middle">Header</td>
</tr>
</table>
<div>
<form id="form2" name="form2" method="post" action="">
<select name="selectList" id="selectList" size="10" style="width:100%; height:50%; overflow-y:scroll;">
<?php
$qry= pg_query($dbconn,"select * from table") or die(pg_last_error($dbconn));
while($row_qry = pg_fetch_assoc($qry)){
?>
<option value="<?php echo $row_qry['id']; ?>"><?php echo $row_qry['name']; ?></option>
<?php } ?>
</select>
</form>
</div>
</div>

最佳答案

将高度赋予 HTML,将主体赋予 100%。您的代码嵌套不正确这是工作代码

 <html>
<head>
<style>
html, body {height: 100%;}
</style>
</head>
<body>
<div style="top:18%; left:5%; width:25%; height:40%; background: rgba(0,204,0,1); position:absolute; border:#0000FF solid 1px;">
<table width="100%" height="10%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="middle">Header</td>
</tr>
</table>
<form id="form2" name="form2" method="post" action="" style="height: 90%">
<select name="selectList" id="selectList" size="10" style="width:100%; height:100%; overflow-y:scroll;">
<option value=""></option>
</select>
</form>
</div>
</body>
</html>

关于html - 在 div 中选择列表高度 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46623918/

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