Question

I wanna set one div to be shown on another one.

I can do it by enter it in end of html code after other one,but I wanna do it by css.

how can I do it?

Answer 1

I’m guessing this is what you mean: having the divs overlap when placed one after the other in the markup? You can achieve this by making them position: absolute.

<div id="div1">
</div>
<div id="div2">
</div>

#div1, #div2 {
    position: absolute;
}
#div1 {
    background-color: red;
    width: 100px;
    height: 100px;
}
#div2 {
    background-color: blue;
    width: 100px;
    height: 100px;
    top: 5px;
    left: 5px;
}