0

我编辑了这篇文章，并以更简单的方式编写了我的问题。请看下文。

我正在使用的一些 CSS：

#wing_right
{
  background-image:url("../images/poppadom.png");
  height:678px;
  margin-right:-60px;
  margin-left: 500px;
  position:fixed;
  right:0;
  top:240px;
  width:387px;
  z-index:50;  
}

更容易理解的问题版本。我希望。

以下是我的网站的图表表示。-> |LW|CN|RW| LW = 左翼 CN = 内容 RW = 右翼。左翼和右翼的 CSS 非常相似。请参阅上面的 CSS，唯一的区别是图像及其附加到左翼。内容在z-index方面低于，不能被翅膀覆盖。就像非常简单的图表一样，LW 和 RW 随着浏览器调整大小而移动，这正是我想要的。但是，当您缩小浏览器窗口时，我需要一些东西来防止 LW 和 RW 覆盖内容。两个机翼位于相同的 z-index 上，内容位于较低的 z-index 上。

4

2 回答 2

0

该元素不是相对或静态定位的，因此它不是“在流中”，因此margin不会影响任何其他 div。请发布一个完整的示例，因为这是一个非常直观的问题。

于 2010-08-03T16:35:47.160 回答
0

较低级别的内容有固定宽度还是自动的？如果它是自动的，那听起来像是正确的行为。您可以将最小宽度应用于您不希望被左侧和右侧图像“弄脏”的图层。

于 2010-08-03T16:36:16.300 回答