我已经编辑了这篇文章,我的问题用一种更简单的方式来理解。请看下面。
我正在使用的一些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指数上,内容在较低的z指数上。
答案 0 :(得分:0)
该元素不是相对或静态定位所以它不是“在流中”,因此margin
不会影响任何其他div。请发布一个完整的示例,因为这是一个非常直观的问题。
答案 1 :(得分:0)
较低级别的内容是固定宽度还是自动?如果它是自动的,那听起来就像是正确的行为。您可以将最小宽度应用于您不希望被左侧和右侧图像“弄脏”的图层。