Html 在网站空间中使用固定高度的空div是否正确?

Html 在网站空间中使用固定高度的空div是否正确?,html,css,Html,Css,为了建立一个网站,我通常会插入一些固定高度的空div,以便有一个我需要的垂直空间。我想知道这是否正确,或者是否有其他更好的方法来处理HTML/CSS的垂直空间。 例如: .space-20{高度:20px;} 你好,世界 知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的监狱里被判死刑。 知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区

为了建立一个网站,我通常会插入一些固定高度的空div,以便有一个我需要的垂直空间。我想知道这是否正确,或者是否有其他更好的方法来处理HTML/CSS的垂直空间。 例如:


.space-20{高度:20px;}
你好,世界
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的监狱里被判死刑。
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的监狱里被判死刑。
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的监狱里被判死刑。

根据需要使用
填充顶部
填充底部
页边顶部
页边底部
使用
元素作为间距是不好的做法。
下面是一个示例,使用这些CSS属性在某些元素的上方和下方提供垂直空间:

HTML

有关何时以及如何使用这些功能的详细信息,请参阅上的MDN页面


但对于您的代码,我会采取稍微不同的方法。请参阅一些有趣且可能更干净的替代方案。

您可以使用边距底部,这是我通常做的

p {
    margin-bottom: 35px;
}

你可以在这里看到它

不,它不正确。使用实际元素的边缘和填充物。好的,谢谢。显然,我对某些元素使用了边距或填充。但我仍然看到我的方式是干净的垂直空间。但是你是否曾经使用(例如)div {高度:10px}用于垂直空间?为什么你认为这个“清洁器”比使用边距和填充属性?仅仅因为它看起来像你想要的样子并不意味着它是正确的方式。你的方法有很多问题,可以通过使用CSS来缓解。谢谢,Bucket。我经常使用css,我的观点是:最好使用带高度的空div,而不是向其他元素添加大量css代码。到目前为止,我没有发现任何问题。也许我的例子不太清楚。。对不起。你曾经用过(例如).div{height:10px}来表示垂直空间吗?@DavidS-你的例子很有道理,你的问题也很清楚。不,我不使用空白div作为垂直高度。我的回答是,这是一种不好的做法。最好将CSS添加到元素中以给它们留出空间,因为这正是CSS的目的所在;div用于封装内容,而不是充当元素之间的缓冲区。如果你认为使用CSS来扰乱你的代码,考虑把它移到它自己的.CSS文件中,而不是写在你的。HTML应该只描述页面的外观,CSS是你的工具,可以让页面看起来像你想要的样子。谢谢你的回答。嗯,我明白了当然如果我们充分回答了您的问题,请标记此问题已解决。
<div>Top text</div>
<div class="spaceAbove">Hello</div>
<div>Middle text</div>
<div class="spaceBelow">World</div>
<div>Bottom text</div>
.spaceAbove {
    padding-top: 20px;
    //margin-top: 20px;
}

.spaceBelow {
    padding-bottom: 20px;
    //margin-bottom: 20px;
}
p {
    margin-bottom: 35px;
}