css 질문드려요 ... 채택완료
지수아빠
2년 전
조회 1,355
box1에 mouse over 하면 display:none; 으로 한 box2가 이렇게...

보이도록 하고싶은데

이렇게 보입니다... ㅜㅜ
즉... 링크에서 box5를 가리고 옆에 박스도 늘어나지 않게 하고싶은데
css만으로 방법이 없을까요?
.wrap {width:900px;padding:10px;display:flex;flex-wrap:wrap;justify-content:flex-start;border:1px solid black;}
.container {width:400px;border:1px solid blue;padding:10px;margin:10px;}
.container .box1 {width:100%;height:100px;border:1px solid red;}
.container .box2 {width:100%;height:100px;border:1px solid red;margin-top:5px;display:none;}
.container:hover .box2 {display:block;}
box1
box2
box3
box4
box5
box6
box7
box8
box9
box10
box11
box12
https://codepen.io/phreun/pen/ZEpwLbx
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인
근데 이게 제가 잘못하는건지... 안되네요....ㅜㅜ
귀한 시간 내주셔서 감사합니다.