浮动元素漂浮到IE、Safari和Chrome中的POST内容中

时间：2015-10-03 作者：Larry

我用的是2122和一个儿童主题。

我修改了主题，使“继续阅读”和“留下回复”（或“N条回复”）的链接出现在每篇帖子的同一行。为此，我将“Continue reading”元素指定为一个类（meta nav），并将“Leave a reply”或“XReplies”元素指定为一个类（reply count），并将float设置为right。

在Firefox中，结果看起来不错，但在IE 11、Chrome和Safari中，“继续阅读”元素会浮动到帖子内容中（请在我的临时站点上亲自查看：http://fosit.staging.wpengine.com/).

“继续阅读”要素的相关位置为：

内容。php

<div class="entry-content">     
    <?php the_content( __( \'<span class="meta-nav">Continue reading</span>\',    
        \'twentytwelve\' ) ); ?>
    <?php wp_link_pages( array( \'before\' => \'<div class="page-links">\' . __( \'Pages:\', 
        \'twentytwelve\' ), \'after\' => \'</div>\' ) ); ?>
</div><!-- .entry-content -->
以及

样式。css

.meta-nav { 
    float: left;   
    margin-top: 10px;  
    color: #21759b;  
}
我一直在阅读各种“clearfix”或空div补丁，但都无法正常工作。

建议？

1 个回复
SO网友:dswebsme

更新：添加了第二个备选方案，以匹配父主题当前定义的目标。

尝试添加：

// generic target (first answer)
a.more-link {
    display: block;
}

// more precise target based on parent theme (second answer)
.entry-content .more-link { 
    display: block;
}
请注意，这将使您在所有目标浏览器中都能百分之百地使用，但这是一个良好的开端，如果这会给您带来额外的显示问题，我很乐意提供进一步帮助。

标签： css   小码农  

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中，必须将下面的代码放入函数中。php的子主题，但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它，那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我，放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s