div wrapping another가있는 CSS 문제

Question

내 섹션을 제대로 감쌀 수 없다는 문제가 있습니다.

나는 div 부분에 의해 PHP 부분이 채워지는 div 컨테이너를 가지고 있는데, 나는 테두리와 함께 포장하는 법을 잘 모른다.

HTML 내 영어

.listaCarrello{ 
border:solid; 
border-color: lightgray; 
border-radius: 10px; 
text-align: center; 
margin-top: 5px; 
width: 99%; 
margin-bottom: 5px; 
padding-bottom: 50px; 
} 

.elemCarrello{ 
margin-top: 5px; 
width: 99%; 
text-align: left; 
float:left; 
display: block; 
margin-bottom: 5px; 
border: solid; 
margin-left: 5px; 
border-radius: 10px; 
} 

.nomeCarrello{ 
padding-left: 10px; 
font-weight: bold; 
} 

.imgCarrello{ 
float: left; 
padding-left: 10px; 
} 

.eliminaCarrello{ 
margin-top: -13px; 
margin-bottom: 10px; 
} 

죄송합니다/php에 일부

<div class = "listaCarrello" id ="listaCarrello "style="display: <?php echo !isset($_GET['riepilogo'])&&isset($_SESSION['username'])? "block":"none"?>"> 
     <?php 
     $isEmpty = true; 
     foreach ($_COOKIE as $key => $val) { 
      $query = $connection->query("SELECT * FROM prodotto WHERE IDProdotto = $key"); 
      if ($query != null) { 
       $isEmpty = false; 
       $row = $query->fetch_assoc(); 
       echo "<div class = \"elemCarrello\">"; 
       echo "<p class=\"nomeCarrello\">" . $row['nomeProdotto'] . "</p>"; 
       echo "<div class = \"imgCarrello\">"; 
       echo "<img src = \"img/" . $row['immagine'] . "\" alt=\"" . $row['nomeProdotto'] . "\"height=\"150px\" width=\"150px\">"; 
       echo "</div>"; 
       echo "<div class=\"prezzoCarrello\">"; 
       echo "<p>Prezzo unitario " . $row['prezzo'] . "</p>"; 
       echo "<p> Quantità: " . $val; 
       echo " - Prezzo totale: "; 
       echo "€" . $row['prezzo'] * $val . "</p>"; 
       $totale = $totale + ($row['prezzo'] * $val); 
       echo "<p> Modifica la Quantità: "; 
       echo "<input type='number' id = 'quantita' name='quantita' value='" . $val . "'>"; 
       echo "<button onclick='refreshCookie($key, document.getElementById(\"quantita\").value)'>AGGIORNA</button>"; 
       echo "</div>"; 
       echo "<button class='eliminaCarrello' onclick='eliminaCookie($key)' style='background: white'> <img src='img/elimina.png' height='50' width='50'> </button>"; 
       echo "</div>"; 
      } 
     } 
     ?> 
     </div> 
     <?php 
     if (!$isEmpty) { 
      echo "<div class='checkOut'>"; 
      echo "<p>Totale: €" . $totale . "</p>"; 
      echo '<button id="2ndphase" onclick="goToAddress()">AVANTI</button>'; 
      echo "</div>"; 

     } 
     ?> 

CSS 부분과 나는 당신이 내가 말하고있는 것을 이해 바랍니다. 예제로 이미지를 첨부했습니다.

Answer 1

"컨테이너"div 오버 플로우 스타일을 auto로 설정하십시오.

container{ 
    overflow:auto; 
}