jquery - 右に 1 つ、左に固定幅の 1 つの div

Question

みんなありがとう。その解決。答えないでください。

jsfiddle.net/GMLGn/5/

私はまだそれがどのように機能したかを理解していません...

どんなに試しても、黒い境界線のdivは右に浮かず、赤いものの中に入りません(左側にある緑のものを除いて)。

要するに、緑と黒を並べて見たいのですが、 jsfiddle.net/GMLGn/ 何かアイデアはありますか?

コードが長すぎてここに投稿できません (スタック文字制限)。現在のシナリオで部分的なコードを提供することは現実的ではありません。

Answer 1

緑の境界線は周りにあります#frontpage-imageが、.galleryブロックはその中にありません。したがって、他のブロックがその中に入れられないことは理にかなっています。

Answer 2

これを試して：

.w1{
    margin:0 auto;
    width:1000px;
    padding:0 0 274px;
    /*NEW*/
    position:relative;
}
.gallery{
    width: 290px;
    min-height: 410px;
    padding: 20px 16px 6px 29px;
    line-height: 17px;
    color: #454444;
    background: url(../images/bg-gallery.png) no-repeat;
    border: thick solid rgb(0,0,0);
    /*NEW*/
    position:absolute;
    top:165px;
    right:0;   
}

テスト: http://jsfiddle.net/GMLGn/4/

Answer 3

でこの css を使用し#frontpage-imageます。

float: left;
width: 64%;