CSS - FlipClock.JS에 의해 생성 된 DIV의 여백을 사용 중지 할 수 없습니다.

Question

정말 이상한 글꼴입니다.
FlipClock.js를 사용하는 카운터가 포함 된 Div 요소가 있습니다.
오른쪽에 여백이있어 CSS에서 재정의 할 수 없습니다.
요소 (도구 또는 CSS 자체의 인라인 스타일)를 어떻게 다루더라도, 제거 할 수 없으며 다른 내용을 푸시합니다.
당신은 F12가 필요하고 클래스 "fclock flip-clock-wrapper"를 가진 Div를 선택해야합니다.
강조 표시된 부분에 여백이 할당 된 것처럼 여유 공간이 필요하다는 것을 알 수 있습니다. 다음은 플러그인 및 기존 CSS가 위치하는 바이올린의 :
FIDDLE
HTML :

<td> 
     <div class="fclock"></div> 
    </td> 

CSS 재정의 :

.fclock { 
transform-origin: 0 0; 
transform: scale(.30); 
-ms-transform: scale(.30); 
-webkit-transform-origin: 0 0; 
-webkit-transform: scale(.30); 
-o-transform-origin: 0 0; 
-o-transform: scale(.30); 
-moz-transform-origin: 0 0; 
-moz-transform: scale(.30); 
} 

JS :

 var currentDate = new Date(); 
// Set some date in the future. ***change to desired date*** 

var futureDate = new Date(2016, 07, 30, 08, 0, 0); //fixed as per comments 
// Calculate the difference in seconds between the future and current date 
var diff = futureDate.getTime()/1000 - currentDate.getTime()/1000; 

var clock = $('.fclock').FlipClock(diff, { 
    clockFace: 'DailyCounter', 
    countdown: true 
}); 

Answer 1

재정의 스타일 위에 표시된대로 .flip-clock-wrapper ul에 대한 정의가 flipclock.css에 있습니다. 아래 :

코드 :

.flip-clock-wrapper ul.flip { 
    position: relative; 
    float: left; 
    margin: 5px; 
    width: auto; 
    height: 80px; 
    font-size: 22px; 
    font-weight: bold; 
    line-height: inherit; 
    border-radius: 6px; 
    background: #000; 
    padding: 24px; 
} 

Fiddle or it didn't happen

PS : 내 스타일 선언 재 지정을 위해 사용에게 CSS 특이성 동작을 만들기 위해 .flip-clock-wrapper ul.list에 .flip-clock-wrapper ul에서 CSS 선택기를 업데이트 한 방법을 주목하라 하나는 CSS 파일에서 가져온 것입니다.