Как прикрепить синий div к красному?

Question

Как прикрепить синий div к красному?

Рейтинг: 1Ответов: 1Опубликовано: 05.09.2014

Есть 2 div - красный и синий.

http://webformyself.com/forum/uploads/monthly_09_2014/post-3574-0-70259000-1409929764_thumb.png

Синий нужно прикрепить к красному внизу так, чтобы если перемещается красный, то синий всегда прикреплен к нему внизу.

Как это сделать?

css html5

Источник: Stack Overflow на русском

Answer 1

▲ 2

Можно и просто расположить их друг после друга, всё зависит от того, где это будет применяться

http://jsfiddle.net/k1hoy6vq/

setInterval(function(){
    var newX,newY;
    newX = Math.random()*300;
    newY = Math.random()*300;
    $('#movable').animate({top:newY,left:newX},700);
},1000);

.part{
    width: 100px;
    position: absolute;
}
.red{
    height: 60px;
    background: #f00;
}
.blue{
    height: 40px;
    background: #00f;
    border-radius: 0 0 10px 10px;
    top: 60px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="movable" class="red part">
    ABC
    <div class="blue part">
       DFG 
    </div>
</div>

Как прикрепить синий div к красному?

Ответы