border-radius arbeitet nicht konsistent in ähnlichen divs in chrome

-1

Die hat ein div auf der rechten Seite Codebeispiele im Heldenbereich der Homepage. Wir verwenden ein ähnliches div auf einer unserer Zielseiten (https://buttercms.com/l/ruby-blog-software/), aber die Unterseite des divs hat keine abgerundeten Ränder.border-radius arbeitet nicht konsistent in ähnlichen divs in chrome

Ich kann nicht herausfinden, warum die Zielseite div nicht abgerundete Ränder hat, aber die Startseite div tut.

Quelle

2017-01-27 Roger Jin

http://stackoverflow.com/help/how-to-ask und http://stackoverflow.com/help/mcve –

Verwenden Sie Entwickler-Tools, um den Unterschied in den Stileigenschaften und deren Herkunft zu untersuchen. –

Es hat abgerundete Ecken auf beiden Seiten. –

Es tat es nur an bestimmten Haltepunkten und nur auf einem meiner Monitore.

Die <pre> zeigte nur auf die gleichen Haltepunkte auf der Grenze war falsch

Die Lösung, die für mich gearbeitet wurde

body.landing_page .code-examples .code-container .code pre { 
 
    margin: 0; 
 
    border: none; 
 
    border-radius: 5px; 
 
    text-align: left; 
 
    min-height: 320px; 
 
}

Der ursprüngliche Grenzradius war 0px

Quelle

2017-01-27 22:14:26

border-radius arbeitet nicht konsistent in ähnlichen divs in chrome

Antwort

Verwandte Themen