设置div框的限制大小

时间:2019-04-16 19:09:17

标签: html css

因此,我有this框,其中包含来自数据库的一些值,当我添加更多值时,它们会从框中出来。反正有解决办法吗?

<div class="check">
   <?php
     $result = mysqli_query($conn, "SELECT * FROM `material` WHERE id > 0");
     while($row = mysqli_fetch_assoc($result)):?>
       <input type="checkbox" value="<?php echo $row['id'];?>" name="tipo[]" 
       id="tipo"><label><?php echo $row['tipo'];?></label><br>
       <input type="number" name="quant[]" min="1" max="50" id="textnumber" 
       class="number" disabled="true" style="margin-left: 145px; margin-top: 
       -36px; width: 40px; position: absolute;">
   <?php endwhile?>
</div>

1 个答案:

答案 0 :(得分:1)

该代码段中有一些奇怪的事情(即,我认为输入中不需要position: absolute),而只是关注您的问题:

我猜你在某处使用一些CSS来设置check div的高度。

为此添加一个overflow: hidden,以隐藏该框中不适合的所有内容:

.check {
   height: 100px;
   overflow: hidden;
}

或者在内容不适合时使用overflow: auto使其可滚动:

.check {
   height: 100px;
   overflow: auto;
}