php - 让 php echo 在图像周围浮动

Question

我绝不是专家，但我或多或少都能过得去。

我在我的网站上创建了一个具有特定尺寸的“盒子”。

让我们称之为

<div class="newsbox" style="size, width etc.">

在该类中，我放置了这样的图像（$this-getThemePath 是特定于 CMS 的）：

<div class="image" style="position:fixed; top:15%; left:20%; padding-top: 3px; padding-left:3px; float:left;">
<img src="<?php echo $this->getThemePath()?>/images/postit_today.png"></div>

之后，我有一个循环从我的数据库中写出内容，如下所示：

<div class="newsstyling" style="font-size: 16px;"><?php echo nl2br($news .= "\n");?></div>

最后，我关闭“新闻框”的 -tag

在我，公认的新手，记住，通过循环写出的任何文本都应该漂浮在上面的图像周围。它没有。它忽略图像并在其下方写入文本。

任何提示、提示、链接或指南将不胜感激。

谢谢，托马斯

Answer 1

那是因为您使用position:fixed, 定位的元素超出了网页的正常流程，请尝试以下操作：

<img style="float:left" /><div>my text, foo, bar, etc.....</div>

Answer 2

改变

<img src="<?php echo $this->getThemePath()?>/images/postit_today.png">

至

<img src="<?php echo $this->getThemePath()?>/images/postit_today.png" style="float:right" hspace=10 vspace=10>