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

Question

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

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

http://jsfiddle.net/vL9RN/3/

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

Answer 1

これを試して：

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

Answer 2

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

リンクのテスト

別のアプローチは、

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