상황: .noticeDate에게 float:right;를 줬는데 왼쪽과 같이 나왔다. 어떻게 된 일일까?
1. .noticeTite과 .noticeDate의 부모 a의 display가 inline이다.!그러므로 a의 display를 block으로 바꿔야한다!
2. a에게 display:block을 줬는데 행간이 붙어서 나왔다. 어떻게 된 일일까?
정답: a에게 overflow:auto;를 안 줘서 그렇다!
부모인 a에게 overflow:auto;를 주면, 자식들이 float이고 부모의 높이가 정해져 있지 않아도, 부모가 알아서 잘 늘어난다.
'오류일지' 카테고리의 다른 글
[오류일지]11. 와이어프레임 오류 및 그룹 메뉴바 특징 (0) | 2022.02.21 |
---|---|
[오류일지]10. 반응형 홈페이지의 .cen의 너비 및 반응형 사이트에서의 슬릭 이용법 (0) | 2022.02.18 |
[오류일지]8. #mainVisual에 overflow:hidden;을 넣자! (0) | 2022.02.17 |
[오류일지]7. JQuery - Tab 기능 (0) | 2022.02.17 |
[오류일지]6.CSS - ::befor, ::after는 기본적으로 inline이다. (0) | 2022.02.11 |