Ich versuche, eine Seite zu erstellen, auf der auf der linken Seite ein einfacher Inhalt und auf der rechten Seite ein Bild angezeigt wird. Es wird einen weiteren Inhalt geben, dessen Hintergrund knapp unter dem Hauptinhalt farbig ist. Der untere Teil des Bildes, der sich auf der rechten Seite des Hauptinhalts befindet, sollte mit dem darunter liegenden Inhalt überlappt sein. Bitte sehen Sie sich das Bild unten an. Das ist das Layout, das ich brauche. 
Wie wird die Änderung der Absatzgröße in Responsive verwaltet?
.non-colored-content{
width : 350px;
}
.colored-content{
background-color: #0090FF;
color : white;
box-shadow: 0px 1px 2px black;
}
.main{
background-image: url('http://www.abaarsoschool.org/wp-content/uploads/2013/07/Abaarso-Simple-Logo-100x100.png');
background-size : 45%;
background-repeat: no-repeat;
background-position : right;
}<div class="main">
<p class="non-colored-content">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla porttitor accumsan tincidunt. Nulla quis lorem ut libero malesuada feugiat. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla porttitor accumsan tincidunt.</p>
<p class="colored-content">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla porttitor accumsan tincidunt. Nulla quis lorem ut libero malesuada feugiat. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus..</p>
</div>Hier kommt mein Problem. Ich habe irgendwie den farbigen Inhalt so gemacht, dass er sich am unteren Bildrand überlappt. In den responsiven Bildschirmen wird jedoch immer dann, wenn sich die Größe des Browsers ändert, der Absatz des nichtfarbigen Haupt-Inhalts erhöht, und daher wird der farbige Inhalt weit von dem Bild entfernt. Gibt es eine Möglichkeit, die Größe des Absatzes zu kontrollieren oder meinen farbigen Inhalt am unteren Rand des Bildes anzubringen? Vielen Dank im Voraus :)
können Sie eine Medien Abfrage schreiben und die gleiche Kontrolle ... aber wie wollen Sie sie wie, aussehen kann mehr klar hier – Geeky
sein, die ich ausprobiert habe Medienanfragen zu verwenden, aber das ist, wo ich bin immer Problem . Tut mir leid, dass ich nicht so klar bin. Wie gesagt, der farbige Inhalt sollte sich über dem rechten Bild überlappen, das heißt, der untere Teil des rechten Bildes sollte sich auf der Rückseite des farbigen Inhalts befinden, selbst in reagierenden Bildschirmen. @Geeky – Harish
Der farbige Inhalt ist so ausgerichtet, dass er unter dem Bild liegt Hauptinhalt, daher wird die Position des farbigen Inhalts immer geändert, wenn sich die Größe des Hauptinhalts ändert. @Geeky – Harish