-1

我想id="#div3"独立工作，但它只是跟随id="#div1"。如何使我的第三个 div 独立于第一个 div？ 这是一个 JSFiddle 演示。你可以看到div3阴影下降，因为div1。

此外，当我更改边距时，div3它也会更改边距。div1div2

另外，我不希望我的页面向下滚动；我希望我的图像（在 div3 中）保持在右下角的位置。

<div id="div1">
    <div id="div2" align="center"><div>
</div>
<div id="div3"></div>

#div1
{
height:190px;
margin-top:-310px;
margin-left:-10px;
width:101%!important;
background-image:url("misty_2copy.jpg");
position:relative;
box-shadow:0px 0px 10px black;
z-index:6000;
}

#div1:hover
{
box-shadow:0px 0px 10px teal;
}

#div2
{
height:190px;
margin-top:-10px;
margin-left:-810px;
background-image:url("Untitled-12.png");
background-repeat:no-repeat;
position:relative;
z-index:6500;
}

#div3
{

margin-top:210px;
margin-left:60%;
height:590px;
background-image:url("Untitled-3.png");
background-repeat:no-repeat;
position:relative;
}

 $(document).ready(function()
 {
    //$("#div2").toggle();
    $("#div1").animate(
    {
        marginTop:000
    },1500,function()
    {
            $("#div2").animate(
    {
    marginLeft:400
    },500,function()
    {});
    });
});
4

3 回答 3

7

那是因为您没有正确关闭 div 标签：

<div id="div2" align="center"><div>
                         -----^
于 2012-09-10T19:44:37.380 回答
3

您在</div>第二个 div 上缺少一个结束斜线...

于 2012-09-10T19:44:53.577 回答
0

div2在里面div1 So closediv1先，然后div2 这样开始：

<div id="div1"> content goes here</div>
<div id="div2" align="center"> content goes here</div>
<div id="div3"> content goes here</div>
于 2012-09-11T14:17:20.713 回答