2012-11-15 1 views
3

오른쪽 고정 (위치 : 절대)이지만 가변 너비 인 div 내에서 왼쪽으로 떠 다니는 메뉴 시스템이있는 사이트가 있습니다.가변 수의 부동 div가 줄 바꿈하는 것을 방지합니다.

메뉴에 2 ~ 15 개의 메뉴 항목 (리)이있을 수 있으며 화면이 좁은 경우 줄 바꿈하지 않도록해야합니다. CSS 만 변경할 수 없기 때문에 테이블에 넣을 수있는 능력이 없습니다.

이렇게 할 방법이 있습니까?

+0

화면이 좁은 경우 어떤 동작을 원하십니까? 화면 크기가 작아 지거나 크기가 작아지기를 원하십니까? 아니면 그냥 사라지지만 다른 줄로 감싸지 않습니까? – Sean

답변

0

div의 너비를 절대 너비가 아닌 비율 너비로 맞출 수 있습니까? 화면이 좁아짐에 따라 확장이 용이해야합니다. 당신은 그 내용으로도 똑같이 할 수 있습니다.

1

행동에 대한 자세한 내용을 제공해야하지만 여기서는 display: table-row을 사용하는 데 도움이 될만한 내용이 있습니다.

http://jsfiddle.net/SpLYh/

그들은 오른쪽으로 넘쳐의 위치를 ​​잘 요소의 왼쪽에 충실. nav 컨테이너에 overflow:hidden을 설정하면 보이지 않게 할 수 있습니다.

또한 중복 될 수 있습니다. How do you make div elements display inline?

관련 문제