html - 来自 float div 的 CSS 填充

Question

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

Live Demo

现在我在 <table>'s 之间找不到任何空格了和类别为 hr 的 div .

关于如何解决这个问题有什么想法吗？

Answer 1

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

这样做:

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