메뉴추가할때만다 width 자동조절
엄마몬
메인에 메인메뉴가 4개였다 6개로 늘어나게되면
메인에 메뉴가 4개일경우 전체크기에 맞게 4개값을 나눠
ul에 그만큼width값을 고정하잖아요!
근데 메뉴 6개추가시 width 자동으로 조절되서 메뉴가 밑으로 내려가는걸 방지하려면 어떻게 해야하나요?
지금 소스는 이렇습니다~!!#header_menu_total{ height: 100%;margin: 0 auto;position: relative;width: 990px; }#header_menu_total_list {left: 70px;min-height: 529px;overflow: hidden;position: absolute;top: 0;width: 980px; }
#header_menu_total_list li.header_menu_total_list {float: left;min-height: 450px;width: 181px; }
-
솔관
ul에 크기는 고정하고 li개수가 늘어나면 li가 줄어드는 거요!
-
떠나간그녀
li개수가 늘어나면 ul에 크기가 늘어나는 건가요?
아니면 ul에 크기는 고정하고 li개수가 늘어나면 li가 줄어드는 건가요?
위에것은 css로 될꺼 같구요
아래것은 스크립트가 필요 할꺼 같아요 ^^ -
미련곰탱이
균등하게 width값이 동일해야하면 동적으로 추가시 추가후 바로 javascript로 width값 할당해줘야 할것 같습니다,
근데 동적으로 추가되는 구조에 균등하게width값을 정해주는 구조는 별로 추천하고 싶은 구조는 아니네요.
아니면 추가될 수 있는 갯수가 소수이면 미리 정의해서 클래스를 따로 만들어서 할당 하는 방법도 있겠죠