來自浮動div的CSS填充

Question

解決了我與CSS position最後一個問題後，出現了一個新的問題。

Live Demo

現在我不能得到<table>'s與hr類的div之間的任何空間。

關於如何解決這個問題的任何想法？

Answer 1

A div是無量綱的，所以您需要添加一些「體積」來實現它與上面的內容的間距。您可以通過使用CSS向hr類添加一些高度來實現此目的。

這樣做：

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

Answer 2

您可以指定border-bottom而不是top，指定所需的height，並在「hr」div內添加一些內容（如 ）。

事實上，如果您更改邊框從上到下，您立即獲得所需的間距，但使用其他選項會更清晰一些。