时间戳

首页 > 解决方案 > 如何使框（div）位于我之前放置的框下方

html - 如何使框（div）位于我之前放置的框下方

问题描述

我从 CSS 开始，我正在努力做这样的事情：

例子

但由于某种原因，当我使用 div 添加第 5 个框时，它位于另一个框的下方，看起来像这样：

我的工作

你能告诉我如何解决吗？我把代码放在这里：

<!DOCTYPE HTML>
<html>
    <head>
        <title>Cajas en CSS </title>
        <link rel="stylesheet" href="estilos3.css">
    </head>
    <body bgcolor="red">
        <div class="ejemplo0"> .</div>
        <div class="ejemplo1"> .</div>
        <div class="cont1">
            <div class="ejemplo2">.</div>
            <div class="ejemplo3">.</div>
        </div>
        
        <div class ="ejemplo4">.</div>
        
        <div class="cont2">
            <div class="ejemplo5">.</div>
            <div class="ejemplo6">.</div>
        </div>
        
    </body>
</html>

CSS 代码 1

CSS 代码 2

标签： htmlcss

解决方案

您只需要像这样设置 cont1 的高度：

.cont1{
width: 95%;
height: 400px;
margin: 2px auto;}

如果你想在第二个容器（cont2）下面设置更多的 div，你应该做同样的事情。

推荐阅读