-3

私はこの 3 つの div を持っています。複数の div を div に配置する方法を知りたいだけです。

<div id="myDIV" >
    <div id="child">
    </div>
<div id="child2">
    </div>
</div>

div#myDIV
{
position:relative;
width:300px;
height:300px;
background:red;
left:10px;
top:100px;
}

div#child
{
position:relative;
width:100px;
height:100px;
background:blue;
left:10px;
top:10px;
}

div#child2
{
position:relative;
width:100px;
height:100px;
background:yellow;
left:150px;
top:10px;
}

   http://jsfiddle.net/ynw5d/

黄色のdivが青いdivのようにtop:10ではないのはなぜですか?

そして、使用するのに適しているのは、divを操作するための相対位置またはマージンです。

4

1 に答える 1

2

彼はこれが欲しいと思う

フィドル: http://jsfiddle.net/NwSU4/

HTML:

<div class="outer">
   <div class="inner"></div>
</div>

CSS:

.outer{
    background-color: red;
    margin:100px;
    width:100px;
    height:50px;
    position: relative;
}

.inner{
    background-color: blue;
    width:50px;
    height:100px;
    position: absolute;
    top: -50px;
    left: 0;
}
于 2013-06-27T13:26:57.430 に答える