Question

嘿希望有人可以帮助我。这是我的投资组合，我在www.pxlmin.com/portfolio

建立

我想要的是背景颜色占据整个宽度，它确实如此，但是当我向下调整窗口大小 - 说出宽度的一半时 - 我只是将白色空间放到一边，（当我滚动时）在右边），所以我想知道如何让中心和容器的背景向左延伸..我的宽度为100％，但显然没有做到这一点。感谢。

Answer 1

从width: 100%;移除#portContainer and #middlePort。希望这能解决你的问题。

Answer 2

您可以将主背景颜色添加到body标签：

body{
margin: 0;
padding: 0;
background: #EFE6D9
}

或使用带有条纹的背景图像 - 但是如上所示删除100％宽度或将左右边框设置为0.白色位可能是6个像素，这是添加到宽度的边框

#middlePort {
background: #E8DED0;
height: 300px;
border: 3px solid #E2DAD0;
padding-top: 49px;
}

或

#middlePort {
background: #E8DED0;
height: 300px;
width: 100%;
border-bottom: 3px solid  #E2DAD0;
border-top: 3px solid  #E2DAD0;
padding-top: 49px;
}

Answer 3

啊哈，想通了..只需设置一个小于你需要填充背景的内容量的最小宽度。在我的情况下div #middleport min-width：1500px;

令人惊讶的是，虽然这些页面的背景会有所下降（当视口宽度缩小并向右倾斜时）.. tinygrab.com，nodejs.org来命名一对......

css获取宽度和背景以填充视口

3 个答案: