메뉴 위치 변경
본문
좌측에 세로로 길게 정렬된 메뉴를 상단 가로로 길게 배치하고 싶은데요
스타일 수정만으로 배치를 바꿀 수 있나요?
<style>
#index_menu {float:left; position:absolute; width:160px; height:100%;}
#index_menu ul{margin:0; padding:0; width:160px;}
#index_menu ul li{display:inline-block; float:left; height:48px}
.inmenu01{ width:160px; height:48px; }
.inmenu02{ width:160px; height:48px; }
/*2차 서브메뉴*/
#sub_menu {float:left; position:relative; left:160px; width:111px; height:100%; background-color:#9fa2a7; border-right:1px solid #d6d6d6;}
#sub_menu ul{margin:0; padding:0; width:111px; }
#sub_menu ul li{display:inline-block; width:111px; height:48px; }
</style>
답변 1
스타일수정하시고 아마 최상단으로 section 빼야할꺼에요
틀어지는 부분 수정하시면서 작업하셔야합니다.
구조가 어찌되어있는지 몰라서
답변드리기가 힘드네요
그리고 #index_menu 같은경우는 position 앱솔루트로 띄우셨는데
flaot:left 주셨네요.
left:0px; top:0px; 이런식으로 하셔야합니다.
감사합니다. 퍼블리규님 말씀대로 적용시켜보겠습니다 !