레일 앱의 사이드 바 CSS가 프로덕션에서 작동하지 않습니다.

레일즈 애플리케이션의 사이드 바 메뉴에 다음 CSS가 있습니다.레일 앱의 사이드 바 CSS가 프로덕션에서 작동하지 않습니다.

.sidebar-nav-fixed { 
    position: fixed; 
    top: 60px; 
    width: 21.97%; 
}

개발 중에는 올바르게 작동하고 있으며 올바른 위치에 있습니다. 여기 localhost에보기는 다음과 같습니다

그러나, 생산에 콘텐츠 위의 큰 공백이, 사이드 바는 고정 머무되지 않습니다.

어떻게이 상황을 해결 할 수 있습니다 : 여기에서 생산 전망은?

출처

2013-05-20 Sean

Chrome Dev 도구와 같은 도구를 사용하여 문제를 진단 할 수 있습니까? 난 레일 경험이 제로, 그래서 정말 dev에 예상대로 작동 이후 특히 문제가 무엇인지 짐작할 수 없습니다. –

그래서 Chrome 개발자 도구를 살펴 보았습니다. 일치하는 CSS 규칙에 따라 프로덕션에서는 전혀 표시되지 않습니다. 다음은 localhost의 모습입니다 : http://imgur.com/UP3NyHg. 그리고 내 제작 사이트에 표시되는 내용은 다음과 같습니다. http://imgur.com/Mqs4uUo. 나는 왜 그런 일이 일어나는가에 대해 상실감을 느낀다. – Sean

내용이 줄 바꿈되어 '사이드 바'아래에 나타납니다. 이것은 일종의 플로트를 사용할 때 가장 일반적이며,'position : fixed'가 실제로 적용되면 발생하지 않아야합니다. 상대 경로 등으로 인해 성공적으로 포함되지 않은 스타일 시트가있을 수 있습니까? –

대신 실제 div 태그의 스타일을 사용하여이 문제를 해결했습니다. <div style="position: fixed"> 현재이 특정 요소가 내 CSS 파일에서로드되지 않는 이유를 파악할 수 있으면이 문제는 해결됩니다.

출처

2013-05-24 01:15:11 Sean

레일 앱의 사이드 바 CSS가 프로덕션에서 작동하지 않습니다.

답변

관련 문제