有没有办法使用CSS使子DIV的宽度大于父DIV的宽度？

  • Z时代
  • 2024-01-10
  • 分类：问答

有没有一种方法可以在比其父对象更宽的父容器DIV中包含子DIV 。子DIV必须与浏览器视口的宽度相同。

子DIV 必须保留为父div的子。我知道我可以在子div上设置任意的负边距以使其更宽，但是我不知道如何从根本上使它成为浏览器宽度的100％。

我知道我可以这样做：

.child-div{
    margin-left: -100px;
    margin-right: -100px;
}

但是我需要孩子的宽度与动态浏览器的宽度相同。

回答：

感谢您的回答，到目前为止，似乎最接近的答案是将子DIV位置设置为绝对位置，并将left和right属性设置为0。

我的下一个问题是父级具有position：relative，这意味着left和right属性仍然相对于父级div而不是浏览器，

回答：

使用绝对定位

.child-div {
    position:absolute;
    left:0;
    right:0;
}

以上是 有没有办法使用CSS使子DIV的宽度大于父DIV的宽度？ 的全部内容， 来源链接： utcz.com/qa/429303.html

回到顶部