0

以下のページの画像の周りにテキストを折り返そうとしています。画像は左に浮いていますが、テキストが回り込んでいないようです。

http://goo.gl/SskvJ

助けていただければ幸いです

4

5 に答える 5

1

私は解決策を見つけたと思います。それは私と一緒にうまくいきました。

私が作ったのはcontentという div を作成することで、 imgとテキストを含む別の divの中に配置しました。ここを見てくださいhttp://jsfiddle.net/Apfyv/

それが役に立てば幸い！

于 2012-06-13T22:12:28.060 に答える
1

あなたの.regionクラスには、float:left削除すべきルールがあります。clear:both次に、h2 要素のルールも削除する必要があります。次にfloat:left、ページ上の画像にルールを追加します。

于 2012-06-13T17:21:43.113 に答える
0

スタイルを追加

.region > img {
    float: left;
}

そして追加display: inline-blockする#page_product #overview h2

#page_product #overview h2 {
    margin: 0 0 1.5em;
    font-style: italic;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.429;
    display: inline-block;
}
于 2012-06-13T22:22:30.740 に答える
0

画像とテキストの両方が adivにあり、どちらも左に浮いています...これは問題ありません-しかし、div要素には幅が指定されていません-したがって、それらは 100% (ブロック要素) を占めていますdiv-sa の幅を割り当てると、それが表示されます画像の右側

于 2012-06-13T17:20:55.280 に答える
0

テキストとグラフィックは両方とも 2 つの別々の DIV タグにあるため、テキストが画像を囲んでいないようです。それらをマージする必要があります。

于 2012-06-13T17:22:16.013 に答える