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 回答