겹치는부분 위쪽은 float:right 를 주고 아래쪽은 clear:both;를준다
또는 컨테이너 블록을 사용한다면
/* 앱솔루트는 컨테이너블록를 만들기위해 부모가 스태틱(정적)이 아니면 되므로 부모에게 relative를 준다 또한 컨테이너블록을 기반으로 px움직임 따로 컨테이너블록안줄시 웹전체가 블록이됨*/
부모에게 position : relative; 자식에게 position : absolute; 를 준다.
<li class="rank-live">
<h2 class="blind">실시간검색어</h2>
<span>1</span>
<span>박준영</span>
</li>
'html과CSS 중급' 카테고리의 다른 글
| 2021-07-02 margin 상쇄 collapsing (부모와 자식 간 마진 틈 해결) (0) | 2021.07.02 |
|---|---|
| 2021-07-01 (얼라인 middle 과 nth-child/nth-of-type) (0) | 2021.07.01 |
| 2021-06-22 (span 계속쓸시 이전 span 백그라운드이미지 연결문제) (0) | 2021.06.22 |