개발햄비

1 1-1 2 3 3-1 3-2 4 5 6

HTML 코드 Exchange_Rate Favorites Sent Draft CSS input[type="checkbox"]#menu_state { display: none; } input[type="checkbox"]:checked ~ nav { width: 250px; } input[type="checkbox"]:checked ~ nav label[for="menu_state"] i::before { content: "\f053"; } input[type="checkbox"]:checked ~ nav ul { width: 100%; } input[type="checkbox"]:checked ~ nav ul li a i { border-right: 1px solid #2f343e; } input[typ..

#display block 1 1 1 spanBox에 display : block 을 지정해줍니다 그러면 속성에 의해서 옆에 다른 spanBox가 오지못하도록 block (블럭)해버립니다 때문에 사진과 같이 세로열을 가지게 됩니다 #inline-block 1 1 1 spanBox에 display : inline-block 을 지정해줍니다 그러면 속성에 의해서 가로열을 가지게 됩니다 서로서로 붙습니다. 하지만 옆에 더이상 있을 공간이 없을 경우 밑으로 내려가게 됩니다. #inline display: inline 속성은 기존의 설정값을 지웁니다. 1 1 1