来自浮动div的CSS填充

时间:2012-05-07 17:24:53

标签: html css css-float

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

Live Demo

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

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

2 个答案:

答案 0 :(得分:0)

您可以指定border-bottom而不是top,指定所需的height,并在“hr”div中添加一些内容(例如&nbsp;)。

事实上,如果您将边框从上到下更改,您可以获得所需的间距,但使用其他选项会更清晰。

答案 1 :(得分:0)

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

这样做:

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