стили css не работают только в хроме

Question

В следующем коде у меня проблема в Google Chrome, где красный текст отображается слишком низко.

Мне нужно поместить красное предложение над стрелкой. Он отлично работает во всех браузерах, кроме Google Chrome. Как я могу исправить это для Google Chrome?

---

HTML:

<p class = "minimum">Spend an extra {{ shippinglimit | minus: cart.total_price | money }} for free shipping </p>  

CSS:

.minimum { 
color: #FF0000; 
position: absolute; 
bottom: 279px; 
} 

Answer 1

Всегда убедитесь, что положение абсолютных работ соответственно с его родителем по отношению:

Для например:

#parentDiv{ 
    position: relative; 
} 
#childdiv{ 
    position: absolute; 
    top: 50px;/*now it's accordingly with #parentDiv*/ 
} 

Answer 2

Похоже, это делает работу:

.minimum { 
color: #FF0000; 
bottom: 306px; 
position: relative; 
}