내비게이션 막대 CSS를 통한 너비

-4

CSS를 통해 Wordpress 사이트의 탐색 바 너비를 설정하려고합니다. Mac (Safari/Chrome/Firefox)의 경우 52.5em이어야합니다. 그러나이 설정을 사용하면 메뉴가 중단되어 Windows (IE)에서 두 줄로 바뀝니다.내비게이션 막대 CSS를 통한 너비

정적 너비 값이 아닌 모든 브라우저에서 잘 보이도록 너비를 설정하는 더 좋은 방법이 있습니까? 나는 width: 100%을 시도하지만,이 한 :

enter image description here

내 CSS는이 : VET PETS

출처

2013-01-16 Trent Scott

너는 100 % 너비를 원해. 폭 100 % 일 때 국경, 여백 등을 고려해야한다는 것을 기억하십시오. 너비 100 %의 결과는 무엇입니까? 그리고 폭 100 %를 기억하십시오. 나는 위치가있는 첫 번째 부모의 100 %가 될 것이라고 믿습니다. – Leeish

'width : 100 %; '를 설정하면 메뉴가 전체 페이지 너비까지 확장됩니다. 연락 후에는 중지/중단해야합니다. 원본 게시물에 추가 된 스크린 샷을 참조하십시오. –

#navigation 너비는 하위 요소의 전체 너비에 따라 결정해야합니다. 그렇게하면 항상 옳을 것입니다. – Leeish

ul.nav { 
    position: relative; 
    margin-bottom: 0px; 
    width: 760px; 
    margin-right: 30px; 
}

너비 : 760px; !!!! 아니 자동 !!!

파이어 폭스의 도구를 사용하십시오. Ctrl + Shift + I

출처

2013-01-16 23:54:19

고마워! 그것은 완벽하게 작동했습니다. –

이 ul.nav에 margin-right: 30px;을 제거하십시오, 그것은 그것을 고정 : 링크

#navigation { width: 52.5em; }

나 예 :

출처

2013-01-16 23:05:59 LegendaryLaggy

메뉴 너비에는 어떤 가치가 있습니까? 나는 ul.nav에 대한 원칙으로서'margin-right : 0; '을 추가했다. –

너비를 '너비 : 100 %'로 변경하기 전이다. – LegendaryLaggy

내비게이션 막대 CSS를 통한 너비

답변

관련 문제