CSS divs in div Überlappung in falschem Weg

Question

Dies ist ein Responsive Design

https://fiddle.jshell.net/f56fpzn9

ich tat, was ich für die mobile Ansicht will (justieren, um zu sehen), aber in der breiten Ansicht
die textTitle überlappen mit der textBox
und die contentBox nicht kratzen, um die Größe des Inhalts zu passen

wahrscheinlich das Problem der Position !?
Ich habe für verschiedene Einstellungen ausprobiert, immer noch nicht, was ich
vielleicht wollen, erhalten, es ist off-Standard, deuten auf eine richtige Art und Weise falls

bitte :(

Answer 1

Sie haben Position absolut auf ein paar helfen von divs, die überschrieben werden müssen, habe ich position: static obwohl position: initial verwendet auch gearbeitet haben.

Sie auch die min-height eines Elements außer Kraft zu setzen brauchte, habe ich min-height: auto

Die HTML-Struktur musste etwas optimiert werden, die Image-Box ist nun ein eigener Container, der den Rest des darunterliegenden Contents unterstützt.

https://fiddle.jshell.net/f56fpzn9/2/

Haben Sie einen Lese durch den Code und lassen Sie mich wissen, wenn es etwas, was ich verpasst.