0

私は次のレイアウトを持っています:

b1      b2      b3
c1      c2      c3

さんを挿入したいと思います。#monster (うーん!) 既存のレイアウトを変更せずに、次のことを実現します。

b1      b2      b3
ARGH            c3
c1      c2      

フィドル: http://jsfiddle.net/tt5P8/

目標は、Monster (ARGH) div を削除または追加すると図 1 または図 2 のようになる、一連の CSS ルールを固定することです。

4

1 に答える 1

0

これはあなたが探しているものですか?

http://jsfiddle.net/tt5P8/1/

#main
{
    width: 300px;
    overflow:hidden;
}

.box
{
    float: left;
    width: 100px;
    height: 50px;
}

.col
{
    float: left;
    width: 85px;
    height: auto;
    margin-right: 15px;
    background-color: #CCC;
}

#monster
{
    width: 185px;
    margin-right: 15px;
    height: 100px;

}

多分私は質問を理解していませんか?

于 2012-08-27T14:41:04.540 に答える