Html 课堂上的最小高度为'；行不通

我正在创建一个网站，但有一个小问题，我不知道如何解决

 <div id="middle">
        <div id="clock">Here shows JS clock</div><br>       
        <div class="element">
            <img  height="80px" src="SOURCE"/><h1 style="float:left" >TITLE TEXT</h1><div class="clearboth"></div>
             TITLE TEXT
        </div>
        <div class="clearboth"></div>
        <div class="element">
            <img  height="80px" src="SOURCE"/><h1 style="float:left">TITLE TEXT</h1><div class="clearboth"></div>
            <p>SOME TEXT</p>
        </div>

---

但是它的最小高度不起作用-下一个元素在上一个元素之后开始。

试试这个，最小高度拼写错误，并且您的#中间div没有关闭

.element{
背景色：#fff；
最小高度：100px；
}
#中间的{
字体系列：'Roboto'，单空格；
左侧填充：5px；
右侧填充：5px；
最小高度：1000px；
宽度：1000px；
背景色：#ffffff；
保证金：自动；
}
#中间>h1、h2、h3{
字体系列：“VT323”，单空格；
字体大小：34px；
左边距：20px；
}
.两者都清楚{
明确：两者皆有；
}
#中p{
文本缩进：40px；
字号：18px；
}

这里显示的是JS时钟

标题文本
标题文本
标题文本
一些文本

据我所知，项目的高度似乎没有变化（即百分比等）。这意味着高度保持静态，因此在某种意义上，没有理由激活最小高度。尝试这样做，并修复其他人指出的其他错误。希望这能有所帮助。

在我看来，您想要的是在元素之间留有空间，假设您编写的代码是正确的（“height”而不是“heigth”，div#middle是闭合的），尝试在元素底部添加一些边距

.element {
    background-color: #fff;
    min-height: 100px;
    margin-bottom: 30px; /* Add this line to separate each element for 30px */
}

如果您不需要最后一个元素的边距，只需添加一个新的选择器来针对代码中的最后一个.element

.element:last-of-type {
    margin-botton: 0;
}

---

您在

.element{…}

CSS中将

min height

拼写为

min heigth

。#中间未闭合。缺少一个。可能一个好的代码编辑器可能会发现拼写错误。；）好的，现在可以了，更正了拼写错误，但忘记了在高度更正后从100px改为1000px代码可以工作（中间部分关闭，这是复制粘贴过程中的错误）。谢谢你的回复，不知道：最后的类型，谢谢！

.element:last-of-type {
    margin-botton: 0;
}