0

次の子divの位置を定義したいと思います。

|-------------------|
|  parent div       |
|                   |
|                   |
|                   |
|    |-------|      |
|    |  child|      |
|    |  div  |      |
-----|       |------|
     |-------|

相対位置を使用して子 div の位置を定義していますが、

|-------------------| 
|  parent div       |
|                   |
|                   |
|                   |
|    |-------|      |
|    |  child|      |
|    |  div  |      |
|    |       |      |
|----|-------|------|

親divの高さを広げずに、子divをどのように配置できるのだろうか。

4

1 に答える 1

1

子divの相対位置を使用して実行できます

HTML

<div class="parent">
<div class="child">
    </div>
</div>

css:

.parent
{
    background-color:green;
    height:500px;
    width:500px;
}
.child
{
    position:relative;
    top:350px;
    left:200px;
    height:200px;
    width:100px;
    background-color:red;
}

必要に応じて色と幅を設定できます。JsFiddleを見てください

于 2013-03-06T21:53:32.617 に答える