Question

是否可以使内部div始终具有完整浏览器窗口的宽度，而不管其父/宽度设置和尺寸如何？我还想让div坐在页面的左边，即left: 0，其中零是相对于body元素（而不是它的父div）。

我的玩法可以使内部div的宽度正确，但是下面的内容向上移动（不会位于下方），我仍然没有想出如何将div左移到0。

让事情变得更难;是否可以使用CSS2（不使用CSS3）？

.full-page-width {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

<div class="container">
    <div class="row">
        <div class="col-md-8">
            <p>I should sit above Foo</p>

            <div class="full-page-width">
                <p>Foo</p>
            </div>

            <p>I should always sit below Foo</p>
        </div>
    </div>
</div>

Answer 1

是的，如果您需要，可以设置我知道的 2种方式 ：

首先使用 vw 和 vh

div{
 width:100vw;//for width
 height:100vh;//for height
}

其他解决方案是使用位置

div{
 position fixed;
 left:0;//for width
 right:0;//for width
 top:0;//for height
 bottom:0;//for height
}

Answer 2

只需使用视图宽度单位：

Private Sub GET_CAL()
    DoCmd.SetWarnings False
    DoCmd.OpenQuery "Query1"
    DoCmd.SetWarnings True
End Sub

https://www.w3schools.com/cssref/css_units.asp

对于定位，您必须将其放在容器外面或使用负边距。

Answer 3

您可以使用position:fixed：

执行此操作

html, body {
  margin:0;
}
.container {
  background: linear-gradient(to bottom, lightgreen, green);
  height: 1000px;
  width:200px;
}

.inner {
  position:fixed;
  width: 100%;
  bottom: 0;
  height: 50px;
  background-color: lightblue;
}

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

是否可以使内部div始终具有完整浏览器窗口的宽度，而不管其父/宽度设置和尺寸如何？

3 个答案: