100% div (над браузером) в коробке div

Question

Я хочу создать div на 100% (от браузера). Следующий DIV находится в DIV, что IST не полный ширины контейнера (что контейнер должен стоять) Я стараюсь это:

<div class="container"> 

<div style=" 
width: 100%; 
padding-left: 1000px; 
padding-right: 1000px; 
margin: 0 -1000px; 
background-color: #075283; 
padding-top: 10px; 
padding-bottom: 10px;"> 

TEXT 

</div> 

</div> 

, но у меня есть скроллер в браузере. Как я могу исправить это, чтобы браузер и смартфон отображали мне только полную длину div по длине браузера?

Answer 1

Я не понимаю, зачем вам нужен div, который должен быть на 100%, находиться внутри другого меньшего div, но вы всегда можете что-то сделать.

.inner-div { 
    position: absolute; // Or fixed if the parent div has position: relative or absolute. 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
} 

Answer 2

Что относительно этого?

<div class="container" style="width: 100%; float:left;"> 

<div style=" 
width: 100%; 
float:left; 
background-color: #075283; 
padding-top: 10px; 
padding-bottom: 10px;"> 

TEXT 

</div> 

Answer 3

Попробуйте использовать viewportwidth/viewportheight (vw/vh)!

.wrapper { 
    height: 500px; 
    width:500px; 
    background:red; 
} 

.inner { 
    height: 100vh; 
    width: 100vw; 
    background: blue; 
} 

<div class="wrapper"> 
    <div class="inner"></div> 
</div> 

Working example on jsfiddle!