Html CSS问题与div包装另一个
我有一个问题,我无法正确地包装我的部分 我有一个带有php部件的div“container”,它由几个div填充,我不知道如何用我创建的div的border:solid正确地包装它 html/php部分Html CSS问题与div包装另一个,html,css,Html,Css,我有一个问题,我无法正确地包装我的部分 我有一个带有php部件的div“container”,它由几个div填充,我不知道如何用我创建的div的border:solid正确地包装它 html/php部分 <div class = "listaCarrello" id ="listaCarrello "style="display: <?php echo !isset($_GET['riepilogo'])&&isset($_SESSION['username'])?
<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>";
}
?>
对不起我的英语,我希望你能理解我说的话。
我附加了一个图像作为示例将“container”divs overflow样式设置为auto
container{
overflow:auto;
}
向我们展示该部分的HTML和CSS代码。看起来像是浮动问题和缺少clearfix。请提供一些代码给我们好吗?但我认为,这只是内联块的问题。你应该在问题中添加一些CSS和HTML,以便我们更好地理解正在发生的事情。尽管如此,我还是提供了一个答案,我认为根据您的描述可以解决这个问题。您可以在codepen或JSFIDLE上添加代码,让我们看看。我更新了我的问题,很抱歉,如果我没有提供任何代码
container{
overflow:auto;
}