使用隐藏的div进行布局

Question

我只是想知道为了拥有我想要的布局，是否有空的div存在任何缺点。有没有其他方法可以隐藏div，因为我知道它会增加凌乱的代码。

请参阅下面的图片，了解我要展示的内容：

正如您所看到的，左侧的项目符号与h2元素保持一致，但是当我在项目符号点之前添加h2元素时，它会将它们降低到段落的级别（这就是我想要的）。显然，我可以使这个h2元素不可见，从而达到我想要的效果，但有更专业的方法吗？

Answer 1

但你为什么要这样做呢？什么是margin-top属性？

我将在这里简要介绍一下，你应该首先学习floats而不是去positioning，同时了解block和inline元素是什么，你得到了很多那些CSS的东西，margins, paddings`等，看看box-model也是为了让你以后不要拉头发

如果你想坚持使用脏标记，而不是空div's和br是你的选项，但你不能使用br从顶部获得特定的高度，所以你需要使用一个空div但不要使用它

Answer 2

如果您想在没有CSS的情况下添加额外空间，可以使用<br/>  标签 - 它绝对比空div更好，这是一个混乱和不好的做法。

CSS确实是最好的方式。

给h2一个宽度，使其占据整行的其余部分。子弹列表将自动下降到与左段相同的高度 或者，给子弹列表一个上边距或填充顶部。

Answer 3

两项建议将提供快速解决方法：

1. 子弹点上的边距元素或。

2. 在其中添加一个具有不间断空间的H2，例如

    <h2>&nbsp;</h2>
   

Answer 4

我建议您使用margin-top作为第二个div，或margin-bottom作为第一个div。

示例：如果隐藏div的高度为100px，最好写一下：<div style="margin-bottom:100px">...</div>