1

2 つの列を持つ流動的な記事があります。1 つはその列で使用可能なスペースを埋める画像を含み、もう 1 つの列にはテキストがありますが、この列.content-colが によって提供されるスペースを占めるようにする方法がわかりません.article。これをどのように達成できるか誰にもアドバイスできますか？

Jsfiddle http://jsfiddle.net/R7AuG/

CSS スニペット

.img-col{
    width: 25%;
    float: left;
}

.content-col{
    background: black;
    width: 75%;
    float: left;
}

.col{
    width: 50%;
    float: left;
}

これが実現できることも理解していますが、これがなくても実現display:tableできるのでしょうか?

4

1 に答える 1

1

テーブルを模倣したくない場合は、CSSの小さなトリックを使用できます。

overflow: hidden

にarticle、プラス適用

margin-bottom:-1000em;
padding-bottom:1000em;

に.content-col

例を見る

于 2013-02-19T19:04:09.527 に答える