3

div (infogr.am の iframe を含む) の周りにテキストをラップする必要があります。これは私が今持っているコードです:

BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH 

<div align="right" padding-left="1px" width="250" height="500" float="right">

  <iframe src="//e.infogr.am/-1684823382_1377121261" width="250" height="500"
  scrolling="no" frameborder="0" float="right"></iframe>

</div>
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

しかし、これを実行するたびに、テキストは infogr.am div の上部と下部に残ります。私が必要としているのは、infogr.am div を右揃えにし、テキストをその周りで折り返す必要があることです (つまり、その上、左側、およびその下)。私は何を間違っていますか？たぶん、絶対的な位置付けですか？助言がありますか？

4

1 に答える 1

7

これを試して：

<div style="float: right; width: 0px; height: 100px"></div>
<div style="float: right; clear: right"><iframe src="//e.infogr.am/-1684823382_1377121261" width="250" height="500"
  scrolling="no" frameborder="0" float="right"></iframe></div>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

このフィドルで動作しているのを見ることができます：http://jsfiddle.net/7t8HR/

幸運を

于 2013-08-29T05:50:01.037 に答える