-1

id="#div3"独立して働きたいけど、ついついてしまうid="#div1"。3 番目の 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>2 番目の div に終了スラッシュがありません...

于 2012-09-10T19:44:53.577 に答える
0

div2内側にあるので、最初にdiv1 閉じて、次の ように開始します。div1div2

<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 に答える