Css 盒装div中的100%div（通过浏览器）

我想创建一个100%的div（浏览器）。以下div位于不是全宽容器的div中（该容器必须直立） 我试试这个：

<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的完整长度的问题？

我不明白为什么您需要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;
}

---

我不明白为什么你需要一个100%的div，在另一个较小的div中，但你可以做一些类似的事情

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

这个怎么样

<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>

正文

这个怎么样

<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>

正文

尝试使用

.wrapper{
高度：500px；
宽度：500px；
背景：红色；
}
.内部{
高度：100vh；
宽度：100vw；
背景：蓝色；
}

尝试使用

.wrapper{
高度：500px；
宽度：500px；
背景：红色；
}
.内部{
高度：100vh；
宽度：100vw；
背景：蓝色；
}

---

---

您希望容器中的DIV与浏览器窗口的大小相同，当家长是一个较小的尺寸时？你是在找这样的东西吗？请看这个：我希望当我进入智能手机视图时，蓝色容器只能在浏览器的宽度内看到。尝试高度：100vh与此相同jsfiddle.net/8m0G678fy你想要一个DIV，它在一个容器中，作为浏览器窗口的大小，当家长是一个较小的尺寸？你在找这样的东西看这个请：我想当我去智能手机视图，蓝色容器只能在浏览器的宽度看到高度：100vh与此相同JSFIDLE.net/8m0g678fi必须插入一个100%相对的div不是绝对的这是我的问题你怎么办什么意思？在这种情况下，如果它是相对的，那又有什么关系呢？我是这样做的，在去掉所有随机填充和边距，应用我上面提到的样式之后，当我删除所有填充和边距时，蓝色div在类容器中，不超过100%u是正确的，但容器必须是相对位置我必须插入一个100%相对的div不是绝对的这是我的问题你是什么意思？在这种情况下，如果它是相对的，那又有什么关系呢？我是这样做的，在删除了所有随机填充和边距，并应用了我上面提到的样式之后，它可以按照您的要求工作。当我删除所有填充和边距时，蓝色div位于类容器中，不超过100%u是正确的，但容器必须是相对位置