html - float div からの CSS パディング

Question

CSS に関する最後の問題を解決した後position、新しい問題が発生しました。

ライブデモ

<table>'s今、 class で と div の間にスペースを入れることができませんhr。

これを解決する方法について何か考えはありますか？

Answer 1

border-bottomtopの代わりに指定し、必要なを指定して、 "hr" div内にheightコンテンツ（など）を追加できます。 

実際、境界線を上から下に変更すると、必要な間隔がすぐに得られますが、他のオプションを使用すると少し明確になります。

Answer 2

Adivは無次元であるため、その上のコンテンツとの間隔を空けるために、Aに「ボリューム」を追加する必要があります。これは、CSSを使用してhrクラスに高さを追加することで実現できます。

このようにしてください：

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