ich ein Bild aus einem div zu brechen versuchen, habe ich dieses Layout ...CSS Pause Bild aus dem Behälter
https://jsfiddle.net/njegLL8h/
#maincontent {
background-color: yellow;
}
.mainwidth {
position: relative;
max-width: 600px;
width: 100%;
margin: auto;
background: green;
}
.mainwidth_content {
max-width: 400px;
width: 100%;
margin: auto;
background: #fff;
}
.restrictedwidth {
max-width: 700px;
margin: auto;
}
img {
max-width: 100%;
}
<section id="maincontent">
<div class="mainwidth">
<div class="mainwidth_content">
<div class="restrictedwidth">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac suscipit enim. Quisque posuere velit ipsum, ut vestibulum nibh tempor a. Sed sollicitudin sodales vehicula. Etiam tempor consectetur felis, sit amet porttitor nisi mattis a. Nunc eu finibus
neque, id volutpat ligula. Pellentesque vehicula, elit non egestas varius, massa lectus tristique nisl, vitae porttitor magna lacus a metus. Mauris nibh sapien, auctor hendrerit interdum non, blandit vel ligula. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Mauris eget ipsum ac velit accumsan mattis fermentum pulvinar nisi. Nullam blandit libero eu mi tempor, a laoreet mauris vehicula. Quisque dapibus neque et risus eleifend pretium. Phasellus
eget maximus nisl.
</p>
<img src="https://dummyimage.com/800x400/000000/fff"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac suscipit enim. Quisque posuere velit ipsum, ut vestibulum nibh tempor a. Sed sollicitudin sodales vehicula. Etiam tempor
consectetur felis, sit amet porttitor nisi mattis a. Nunc eu finibus neque, id volutpat ligula. Pellentesque vehicula, elit non egestas varius, massa lectus tristique nisl, vitae porttitor magna lacus a metus. Mauris nibh sapien, auctor hendrerit
interdum non, blandit vel ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris eget ipsum ac velit accumsan mattis fermentum pulvinar nisi. Nullam blandit libero eu mi tempor, a laoreet mauris
vehicula. Quisque dapibus neque et risus eleifend pretium. Phasellus eget maximus nisl.
</div>
</div>
</div>
</section>
Das Bild muss in der .restrictedwidth div sein, aber ich brauche die Breite so breit wie .mainwidth_content
Ist dies mit CS möglich S oder müsste ich etwas Javascript verwenden, um es zu erreichen?
add {margin-left: -100px; minimale Breite: 600px; Breite: 100%; } zu Ihrem Bild und Sie müssen einen neuen Haltepunkt hinzufügen, wenn Sie es reaktionsfähig machen wollen –