爲什麼我的css和div無法正常工作？

-1

我想要id="#div3"獨立工作，但它只是遵循id="#div1"。我如何讓第三個div獨立於第一個div？ Here is a JSFiddle demo。由於div1，您可以看到div3影子正在下降。爲什麼我的css和div無法正常工作？

此外，當我更改div3頁邊距時，它也會更改div1和div2頁邊距。

此外，我不希望我的頁面向下滾動;我希望我的圖像（在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() 
    {}); 
    }); 
});

來源

2012-09-10 maddygoround

這將是明智的創建使用的jsfiddle（http://jsFiddle.net）問題的一個示範。讓別人更容易看到問題，並且經常在創建小提琴時自己找到解決方案。 –

好的我已經做了，謝謝你的信息 – maddygoround

請注意，如果你有其他問題，你應該發佈一個新的問題。 – KatieK

那是因爲你沒有正確關閉您的div標籤：

<div id="div2" align="center"><div> 
         -----^

來源

2012-09-10 19:44:37 undefined

但它仍然有動畫與第一個div ..我的意思是div3仍然在div1的動畫頁面 – maddygoround

@RathoreSunny你應該驗證你的標記，大部分時間一個未封閉的標籤是罪魁禍首。 – undefined

http://jsfiddle.net/sunny1212/NY2Cb/ – maddygoround

你缺少一個右第二格斜線</div> .. 。

來源

2012-09-10 19:44:53

div2裏面div1 如此接近div1第一，並開始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-11 14:17:20

爲什麼我的css和div無法正常工作？

回答

相關問題