CSS元素规则

Question

我在这个页面的底部有一个最小高度规则，我找不到编辑规则来挽救我的生命。我只需要减少网站底部的空间。

网站为http://www.lumivase.com/

此屏幕截图中显示了我所遇到的问题

<?php global $options; foreach ($options as $value) { if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); } } ?>

    </div>

</div>

<?php if ( $wp_prolific_footer_widgets == 'Yes' ) { ?>
<?php include (TEMPLATEPATH . '/footer-widgets.php'); ?>
<?php } ?>

<div id="footer" class="clearfix">

    <div class="limit">
         <?php _e(""); ?> 

    </div>

</div>

<?php wp_footer(); ?>

</body>

</html>

Answer 1

看起来你的html中有一个空的div标签，上面只有一些样式。通常在底部检查你的html以找到div。

此外，您似乎使用了很多内联样式，这不是最佳实践。尝试将所有样式保存在css文件中。

Answer 2

尝试在php代码中找到wp_footer（）函数。似乎问题在于该功能，但你没有发布它，所以我们无法告诉你要改变什么。

Answer 3

问题在于您的<?php wp_footer(); ?>。没有这个功能的代码，很难分辨。

但是，如果您不想使用代码/或者不熟悉wp_footer()中的代码，则可以将其添加到CSS文件中或作为<style>元素添加到文件的顶部：

<style type="text/css">
    body div:last-child{
        min-height:0; //Modify this to add the min-height you require
    }
</style>

如果仍未遵守min-height值，则可以使用!important黑客，但我建议您首先推荐使用wp_footer()功能。

Answer 4

我不确定它会起作用，但也许你可以用jquery

来试试

$(document).ready(function(){
   $('div').last().css('min-height', '0');
});

但我仍然建议您搜索页脚代码并手动删除