0
Ich habe einen Unterschied der Boxgröße Interpretation zwischen Webkit und Firefox mit Höhe 100% auf einem Elternteil.Chrome/Firefox Unterschied mit negativen Rand unten Prozent
HTML:
<header>
Lorem ipsum dolor amet
</header>
<div class="wrapper">
<div class="content">
My background depends on my ancestor sibling
</div>
</div>
<div class="red">
<p class="white">
Amet ipsum dolor
</p>
</div>
CSS:
header {
height: 150px;
background: #fff;
}
.red {
background: red;
padding: 6em 0;
}
.content {
background: rgba(28,28,28, .3);
margin-bottom: -100%;
}
.wrapper {
position: relative;
height: 100%;
}
p.white {
background: #fff;
width: 70%;
margin: 0 auto;
}
JS Geige hier https://jsfiddle.net/m1fobvwv/
Ergebnis auf Chrom (erwartet):
Ist das eine Frage oder ein Bug-Report? – Turnip
Das ist eine Frage, ich möchte eine Abhilfe, auch wenn es ein Fehler ist, ich denke, der Fehler wird hier berichtet https://bugzilla.mozilla.org/show_bug.cgi?id=885664 aber nicht sicher – SebCorbin