How to make a div width full screen?

Question

css

welovepavel.esy.es/Kivi/HTML.html
width:100%;
somehow it doesn't work like that,
you need the blue background to stretch to the entire width of the screen, and the content to be fixed as it is now.
09/23/15 15:30
jsfiddle.net/x28fLrpn
it is important that the content is centered...not blurry...
Thank you!

Answer 1

<section>
    <div class="container">
      Контент
    </div>
  </section>

section {
 background-color:blue;
} /* Синий фон на всю ширину */
.container {
 margin: 0 auto;
 max-width: 980px;
}  /* Фиксированный контейнер с контентом */

As Vyacheslav wrote, remove max-width inbody

Answer 2

body{
max-width: 1300px; // Remove
}

Answer 3

You have position:absolute. With this parameter, the div is minimized. The only simple and normal way is through JS or jQuery to determine the width of the window and apply min-width
PS: Vyacheslav correctly noted. remove max-width.

Answer 4

.hea {
   position: absolute;
   width: 100%;
   left: 0px;
}

codepen.io/copist/pen/wKzGeq