設置div框的限制大小

Question

因此，我有一個帶有一些來自數據庫的值的框，當我添加更多值時，它們就會從框中出來。 反正有解決辦法嗎？

<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>

Answer 1

該代碼段中有一些奇怪的事情（即，我不認為這種position: absolute輸入必須是position: absolute的），而只是着眼於您的問題：

我猜您在某處使用一些CSS來設置check div的高度。

添加一個overflow: hidden該overflow: hidden以隱藏框外的所有內容：

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

或使用overflow: auto使其在內容不適合時滾動：

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