css - 2 つの画像を右にフロートさせ、互いの真下に配置します。

Question

2 つの画像を右にフロートさせることはできないようですが、互いに真下にフロートさせます。それらを別々のdivに入れてからフロートしようとしましたが、何も起こりませんでした。他に何を試すことができますか?

これが私がしたことです：

    <div id="div1">
        <img src="img1.png">
    </div>
    <div id="div2">
        <img src="img2.png">
    </div>

CSSは次のとおりです。

    #div1 {

    float: right;
    margin-bottom: 10px;
    }

    #div2 {

    float: right;
    margin-bottom: 10px;
    }

Answer 1

これは私がすることです：

html:

<div id="div1">
        <div>
        <img src="img1.jpg">
        </div>
        <div>
        <img src="img2.jpg">
        </div>
</div>

CSS

#div1 { width: 100%;display:block;}
#div1 div { width:100%;height:auto;display:block;clear:both;}
#div1 div img {display:block;float: right;}