왼쪽으로 계속 움직이는 로고

-1

나는 만들고있는 사이트가 있으며 왼쪽으로 완전히 떠 다니는 로고를 얻을 수없는 것 같습니다.왼쪽으로 계속 움직이는 로고

겠습니까 어떤 종류의 영혼의 마음이 바로 나를 설정 (또는 할 수 있으므로 왼쪽) :

이 내 사이트 :

계절. rudtek. co.kr/join-our-team/

2017-04-06 rudtek

는 트릭을 수행합니다. {:; 텍스트 정렬 없음 : 센터; 마진 : 플로트 15 픽셀 0}

스타일 ID에

2017-04-06 21:11:19

! important의 사용은 눈살을 찌푸리게됩니다. 그것은 길 아래에서 꽤 큰 두통을 일으킬 수 있습니다. – rockusbacchus

나는 그것을 알고있다. 단지 그것을 악용하지 마라. –

나는 그것을 사용하고있다. 그것은 작동합니다! – rudtek

두 곳에서 인라인 및 renew.css에서 .x-container.width를 86 %로 지정했습니다. 이것을 제거하면 작동합니다. 대부분의 브라우저에서 사용할 수있는 개발자 도구에 익숙해지는 것이 좋습니다.

2017-04-06 21:05:02 Simon

개발자 도구 제안 사항에 +1. 나는 Firefox의 Developer Edition에 매우 충실하지만 Chrome의 도구는 훌륭합니다. – rockusbacchus

범인은 div.container의 CSS에 있습니다. 이 규칙을 삭제하면 다음과 같이됩니다.

.section-wrapper, .container { 
    margin: 0 auto; 
}

로고가 맨 왼쪽으로 이동합니다. 또한 페이지의 텍스트를 왼쪽으로 이동하기 때문에 .section-wrapper의 여백에 다른 값을 동시에 설정하는 대신 다른 값을 설정할 수 있습니다.

#Top_bar .logo { 
    float: left; 
    margin-left: -20px !important; 
}

이 가장 좋은 방법은되지 않을 수 있습니다하지만 괜찮아요 : 보인다

2017-04-06 21:11:06 rockusbacchus

= MFN-dnmc - 스타일 CSS

Top_bar .logo이

변화 이

.logo에 {플로트 : 왼쪽 , 텍스트 정렬 : 센터; 여백 : 15 픽셀 0}

이것은 작동합니다.

출처

2017-04-06 21:49:10

답변