Chrome html/CSS не работает должным образом

Question

В Firefox работает мой код, но в Chrome он не работает.

• это мой результат Chrome:

• это мой Firefox результат:

.welkom { 
 
    color: #ff0007; 
 
    font-family: 'Source Sans Pro', sans-serif; 
 
    font-size: 30px; 
 
} 
 
.informatie { 
 
    float: right; 
 
    margin-top: -250px; 
 
    margin-right: 70px; 
 
}

<div class="informatie"> 
 
    <p class="welkom">naam: Jasper scheper</p> 
 
    <p class="welkom">leeftijd:15</p> 
 
    <p class="welkom">woonplaats: Nieuw-Buinen</p> 
 
    <p class="welkom">email: placeholder</p> 
 
</div>

Answer 1

Я не вижу причин, это Wouldn» работа от инфо , поэтому я могу предложить только очистить кеш браузера и проверить его снова. В противном случае в вашем коде может быть что-то более глубокое.

Answer 2

Хром не поддерживает отрицательные значения маржи. Для достижения этого стиля вы можете использовать position absolute по классу .informatie и отрегулировать верхнее и правое значения.

Пример:

.informatie { 
    position:absolute; 
    top:300; /* your customised value */ 
    right:0; /* your customised value */ 
} 

Answer 3

проблема у используется отрицательное значение рентабельности, но и может дать положение элемента абсолютного и родительский относительно

.welkom { 
 
    color: #ff0007; 
 
    font-family: 'Source Sans Pro', sans-serif; 
 
    font-size: 30px; 
 
} 
 
.informatie { 
 
    float: right; 
 
    margin-top: 0px; 
 
    margin-right: 70px; 
 
}

<div class="informatie"> 
 
    <p class="welkom">naam: Jasper scheper</p> 
 
    <p class="welkom">leeftijd:15</p> 
 
    <p class="welkom">woonplaats: Nieuw-Buinen</p> 
 
    <p class="welkom">email: placeholder</p> 
 
</div>