功能与 WP 管理页脚混淆（浮动）答案

【问题标题】：Function messed up with WP admin footer (FLOATING)功能与 WP 管理页脚混淆（浮动）
【发布时间】：2013-10-24 21:15:29
【问题描述】：

当我添加这个功能时：

function woocommerce_add_color_custom(){ ?>

<div class="form-field">
    <label for="display_type"><?php _e( 'Display type', 'woocommerce' ); ?></label>
    <select name="custom_color_woocommerce" id="custom_color_woocommerce" style="width: 300px;">
        <?php
            $selected = $wccolor;
            $p = '';
            $r = '';

            foreach ( _s_sample_select_options() as $option ) {
                $label = $option['label'];
                if ( $selected == $option['label'] ) // Make default first in list
                    $p .= "\n\t<option style=\"padding-right: 10px;\" selected='selected' value='" . esc_attr( $option['label'] ) . "'>$label</option>";
                else
                    $r .= "\n\t<option style=\"padding-right: 10px;\" value='" . esc_attr( $option['label'] ) . "'>$label</option>";
            }
            echo $p . $r;
        ?></select>
</select>

            <p class="description">Vyberte kategóriu, ktorá sa najviac zhoduje s Woocommerce kategóriou.</p>
</div>

<?
}

add_action( 'product_cat_edit_form_fields', 'woocommerce_edit_color_custom',10,2);

它弄乱了我的管理选项页面:(我不知道为什么以及如何解决这个问题。也许会帮助 ob_clen() 但我不知道如何以及在哪里使用它。我红色了一些文章，但仍然不确定关于它。

带有混乱的 WP 管理选项页面和 WP 页脚的图片：

【问题讨论】：

<div id="main"> 解决了我的问题 :)
这仅适用于我的插件管理页面 :( 不适用于类别页面...
HTML 中有一个双 </select>。
删除 </select> 后它仍然浮动 :( 当我删除此功能时，一切恢复正常。但我需要运行它。

标签： php css wordpress footer issue-tracking

【解决方案1】：

我找到了，是什么原因造成的：

colors-fresh.min.css:1
#wpfooter { 
border-bottom-color: #DFDFDF;
border-left-color: #DFDFDF;
border-right-color: #DFDFDF;
border-top-color: #DFDFDF;
color: #777777;
}
load-styles.php:2
#wpfooter { 
border-top-style: solid;
border-top-width: 1px;
bottom: 0px;
left: 0px;
margin-right: 20px;
padding: 10px 0px;
position: absolute;
right: 0px;
}

当我删除left: 0px; 时，页脚将消失。我是在 Opera Dragonfly 上完成的。但是如何修复它以及在哪里，我不知道:(

【讨论】：

position: relative; 也帮助了我，但只是一点点:(

【解决方案2】：

将以下 css 添加到您的样式表或页面顶部：

<style>
  #wpfooter {
	  display: none;
  }
</style>

【讨论】：