html - フロートインライン右上

Question

クリックしたときに画像が右上隅にとどまるようにする方法を考えていましたが、他の要素がその周りを流れるようにしましたか?

img.selected{
    height: 600px;
    width: auto;
    -webkit-filter: none;
    float: right;
    top: 0;
}

リストの右側にある画像をクリックすると、画像は右側に浮かびますが、ページの上部にとどまらず、他の画像の下に流れます。cssでこれを行う方法はありますか?

score 0 · Accepted Answer

これを試して：

img.selected{
    height: 600px;
    width: auto;
    -webkit-filter: none;
    position: absolute;
    right: 0;
    top: 0;
}

score 0 · Accepted Answer

cssに afloat: left;を追加するだけです。img

別のアプローチは、

すべてのサムネイルをに<div>持ち、「選択した」画像を別<img />のに別のものとして持っています<div>。あとは、「選択した」画像onClickのプロパティを変更するだけです。src

html - フロート インライン 右上