Manchmal müssen wir ein Div festlegen, dessen Breite der gesamten Browserbreite entspricht. Natürlich können wir dazu das relative Layout verwenden, aber wir können es auch mit jquery erreichen. Code kopieren Der Code lautet wie folgt: jquery test 1.11.1 .min.js"> <br>.show <br>{ <br>width: 500px; <br>height : 50px; <br>Hintergrundfarbe: rot <br>} <br></head> "show" ></div> <br><script> ",browser_width ); <br>$(window).resize(function() { <br>browser_width = $(document.body).width(); <br>$("div.show").css(" width", browser_width); <br>}); <br></script> <br></html> <br><br> <br>Wir verwenden $(document.body).width() um Holen Sie sich den Browserinhalt. Beim Laden der Seite initialisieren wir die Breite des Divs auf die Breite der Browserseite. Bei jeder Größenänderung des Browsers wird dann die Größenänderungsfunktion ausgelöst. Zu diesem Zeitpunkt passen wir die Breite des Divs an wieder.</div>