Question

我有一个最大宽度为1080px且位置相对的完整容器，所有内容都落在该div中。我有一个div（.portfolio），我希望div（.portfolio）的max-widh为100％，因此它填满了页面的整个宽度。我无法更改完整容器的最大宽度，因为我希望其余内容的内容最大宽度为1080px。

所以我的问题是，有没有办法以什么方式覆盖父母最大宽度无关紧要。

我试图在div（.portfolio）上使用绝对位置，但这不起作用......

Answer 1

将要覆盖的新宽度定义为.full-container，其中包含.portfolio添加类：

.full-container.pp{
  max-width: 1200px;/*override value with your wish*/
}


<div class="full-container pp"><!--max-width: 1200px-->
  <div class="portfolio"></div>
</div>
<div class="full-container"><!--max-width: 1080px-->
</div>

现在，您的投资组合将包含100%宽度max-width: 1200px

覆盖具有位置相对的父最大宽度

1 个答案: