php - 仅在 safari 和 chrome 中我的网页下方有奇怪的空间

Question

我的联系页面底部有一个空白区域，我不明白为什么。它只发生在我所知道的 chrome 和 safari 中。 http://tshirthideout.com/contact-us/

我认为问题不在我的页脚模板中，因为它只在联系页面上。所以这是我的页面内容代码。

<?php
/**
 * The template for displaying all pages.
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */

get_header(); ?>


<div style="position: relative; top: -35px; left: 3px; display: block;margin-bottom: 40px;">

    <div id="ribbon"><span style="padding-left: 11px; color: #fff;
        text-shadow: 1px 1px 0px #c1c1c1,2px 2px 0px #c1c1c1;
        font-size: 30px;font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
        text-transform: uppercase;"><strong><h1 style="position: absolute; top: 0px; left: 11px;"><?php the_title(); ?></h1></strong></span></div>
<div style="right: 5px; top: 48px; position: absolute; display: block;"><form class="widget-area" role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="" />
    </div>
</form></div>
</div>
    <div id="primary" class="site-content">
        <div id="content" role="main">

            <?php while ( have_posts() ) : the_post(); ?>
                <?php get_template_part( 'content', 'page' ); ?>

            <?php endwhile; // end of the loop. ?>

        </div><!-- #content -->
    </div><!-- #primary -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Answer 1

您应该将 Display:block 添加到 iframe