Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- steak
- Poster
- MARGIN
- 플렉스
- position
- 반응형
- float
- jQuery
- CSS
- JavaScript
- 사이드바
- 제이쿼리
- BNX사이트
- Photoshop
- IT
- CLIPING MASK
- sideproject
- flex
- 문자열 자르기
- web
- HTML
- 레이아웃
- 자바스크립트
- 드롭다운메뉴
- 웹
- 메소드
- 클리핑마스크
- Transform
- PHP
- 판화
Archives
- Today
- Total
목록MENU-BAR (1)
코딩 슬라임 공방

See the Pen YzyQLyZ by Lee Hoyeon (@nixpluvia) on CodePen. 하위메뉴 표시 조심 하위 메뉴 표시 때문에 박스 크기가 바뀌어서 약간의 빈틈이 생긴다. 1차에서 2차메뉴 사이의 빈틈은 ul과 li태그가 기본적으로 block과 같은 display크기를 가지고 있어서 사이드 메뉴 바가 적당한 width를 가지고 있지 않으면 추가되는 [+][-]때문에 박스 사이즈가 달라지기 때문에 틈이 벌어 질 수 있다. 2차,3차 메뉴박스가 최소한의 길이를 가져야한다는 조건하에서 2차,3차 메뉴들은 박스에 사이즈를 주지 않으면 메뉴 텍스트들이 자동 줄바꿈이 되어버려서 세로줄이 되어버린다. 세로줄이 되어버리는 이유는 position:absolute를 주었기 때문에 너비가 최소화 되려고..
HTML_CSS_JAVA SCRIPT 수업
2020. 4. 28. 23:00