html - 浮动 div 的 CSS 填充

Question

在用 CSS 解决了我的最后一个问题后，position出现了一个新问题。

现场演示

现在我无法在<table>'sclass 和 div之间获得任何空间hr。

关于如何解决这个问题的任何想法？

Answer 1

您可以指定border-bottom而不是 top，指定 required ，并在“hr”div 中height添加一些内容（如）。 

事实上，如果您从上到下更改边框，您会立即获得所需的间距，但使用其他选项会更清晰一些。

Answer 2

Adiv是无量纲的，因此您需要向其添加一些“体积”以实现其上方内容的间距。您可以通过使用 CSS 向hr类添加一些高度来完成此操作。

这样做：

.hr {
  height: 20px; /* set this # to whatever you'd like */
  width: 100%;
 }