플로팅 div에서 CSS 패딩

Question

CSS position으로 마지막 문제를 해결 한 후 새로운 것이 나왔습니다.

Live Demo

는 지금은 <table>'s 수업 hr와 사업부 사이의 공간을 얻을 수 없습니다.

이 문제를 해결하는 방법에 대한 아이디어가 있습니까?

Answer 1

div은 무 차원이므로 위의 내용과 공백을 이루기 위해 "볼륨"을 추가해야합니다. hr 클래스에 CSS를 사용하여 높이를 추가하면됩니다.

과 같이 수행

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

Answer 2

위로 가기 대신 border-bottom을 지정하고 필요한 경우 height을 지정하고 "hr"div 안에 일부 콘텐츠 (예 :  )를 추가 할 수 있습니다.

사실상 테두리를 위에서 아래로 바꾼다면 immediatley는 필요한 간격을 얻지 만 다른 옵션을 사용하면 조금 더 명확 해집니다.