CSS帮助尝试将adsense整合到post中

CSS帮助尝试将adsense整合到post中,css,Css,我正在使用以下div类将adsense集成到post页面中 .adsense { clear: left; float: right; padding: 10px; } .spacing { float: left; height: 170px; width: 1px; } 然而,问题是所有帖子都有一个图像(250x250),当使用上述类时,adsense类也在推送图像。image类如下所示 .content img.alignleft {

我正在使用以下div类将adsense集成到post页面中

.adsense {
    clear: left;
    float: right;
    padding: 10px;
}

.spacing {
    float: left;
    height: 170px;
    width: 1px;
}
然而,问题是所有帖子都有一个图像(250x250),当使用上述类时,adsense类也在推送图像。image类如下所示

.content img.alignleft {
    border: 1px solid #CCCCCC;
    margin: 0 15px 5px 0;
    padding: 4px;
}
wordpress循环在“content”类中调用_内容,如下所示:

.content p, ul, ol {
    color: #555555;
    font-size: 11px;
    line-height: 22px;
    margin-bottom: 20px;
}

有没有办法将adsense代码移动到帖子下方(300px向下),这样帖子的图像就可以保持在原来的位置,而adsense块则被调用到下方?

听起来你的html有问题,而不是css有问题。使用html打破流的唯一方法是使用position:absolute并输入top:300px值,在图片底部添加填充以保持正在移动的div。 实际上,你要做的是进入模板,将生成图像的代码位移动到adsense之前生成的代码位,因此它将位于流中图像的下方


我认为,您必须发布一个示例页面或更多代码才能得到更好的答案。

谢谢您的输入。使用position:absolute现在可以使adsense代码漂浮在标记中包装的内容上,是的。职位:绝对将打破它的流动,并把它放在一层之上。通过使用top:left:right:和bottom:可以将其调整为相对于位置为:relative的最近父对象进行定位。然后,您必须添加填充或边距空间以使其浮动。就像我说的,这基本上是一种非常黑客的方式,应该避免仅仅修复模板。谢谢。我想我应该联系模板作者。