javascript - 在iframe中将广告换行

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

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

最佳答案

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

主要问题似乎是添加的iframe不在页面上提前存在，而是由Javascript代码段创建的。因此，您不能保证知道将确切创建什么，或者将在哪里创建。对于此答案，我将假设第三方服务将始终创建具有以“ ox_”开头的id属性的iframe（与现在一样）。基于此，您可以仅添加以下CSS：

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

DEMO

关于javascript - 在iframe中将广告换行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52561038/