아코디언 리스트 부분 손쉬운 코딩

이렇게 구조 만드려면

 

▲ html 코딩입니다.

li안에 div 생성 가능.

그리고 기능을 넣어주려면 button 속성을 써야한다.

 

 

위치는 큰 타이틀 기준으로 position:relative를 하고

상하좌우 가운데 정렬을 하려면

 

position:absolute와 top:50%와 콘텐츠 내용물의 크기 기준으로 나누기 2하면됨

그게 -8임.

 

그리고 width (100/1000*100%); 는

100px을 전체 wrap=1000 나누고 * 100% 해주면된다.