Question

<div id="537267840_INSERT_SLOT_ID_HERE" style="width:300px;height:250px;margin:0;padding:0">
  <noscript><iframe id="7226f0426f" name="7226f0426f" src="//oncampusweb-d.openx.net/w/1.0/afr?auid=537267840&cb=INSERT_RANDOM_NUMBER_HERE" frameborder="0" scrolling="no" width="300" height="250" style="float: left; clear: left"><a href="//oncampusweb-d.openx.net/w/1.0/rc?cs=7226f0426f&cb=INSERT_RANDOM_NUMBER_HERE" ><img src="//oncampusweb-d.openx.net/w/1.0/ai?auid=537267840&cs=7226f0426f&cb=INSERT_RANDOM_NUMBER_HERE" border="0" alt="" style="float: left; clear: left"></a></iframe></noscript>
</div>
<script type="text/javascript">
  var OX_ads = OX_ads || [];
  OX_ads.push({
     slot_id: "537267840_INSERT_SLOT_ID_HERE",
     auid: "537267840"
  });
</script>

<script type="text/javascript" src="//oncampusweb-d.openx.net/w/1.0/jstag"></script>
 <p> Hello </p>

我的问题是我希望此广告周围的代码环绕在广告周围。现在，广告占据了整行。

Answer 1

首先，我不是CSS专家。也许有人可以提供更好的答案。

主要问题似乎是添加的iframe不在页面上提前存在，而是由Javascript代码段创建的。因此，您无法保证知道要创建的内容是什么，或者将在哪里创建。为了这个答案的目的，我将假设第三方服务将始终创建一个以id属性开头的iframe，该属性以“ ox_”开头（与现在一样）。基于此，您只需添加以下CSS：

iframe[id^='ox_'] {
  float:left;
}

DEMO

在iframe中将广告换行

1 个答案: