用div包装另一个的CSS问题

时间:2016-11-02 21:30:43

标签: html css

我遇到一个问题,我无法正确包装我的部分。

我有一个div“容器”,php部分填充了几个div,我不知道如何用边框正确包装它:我创建的div的实体。

html / php part

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

.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;
}

对不起我的英语,我希望你明白我的意思。 我附上了一张图片This is my problem, the grey part need to go under the last box

1 个答案:

答案 0 :(得分:0)

设置&#34;容器&#34; divs溢出样式到auto。

container{
   overflow:auto;
}