CSSグリッドレイアウトの問題

Question

次のサイトでは、Genesis Frameworkとその子（問題がある場合）を使用し、ブログアーカイブページのグリッドレイアウトに奇妙な問題が発生しています。ここ

ページである：https://foralles.com/community/

、第2行の最初の列をスキップします。奇妙なのは、2/3/etcでこれをしていないということです。アーカイブのページ。

さらに奇妙なことに、これはChromeでこれを実行していませんが、FF、Safari、IEにあります。

空の列の前後に投稿を削除しましたが、何も変わりません。

最近までこれは起こっておらず、何が変更されたのか分かりません。

Chromeで動作し、その後のアーカイブページでは、CSSの問題ではないかと考えられますが、わかりません。どんなヘルプも大いに感謝しています。あなたはMIN-height属性を使用する必要が

<?php 

/** 
* Template Name: Blog 
* This is your custom Archive page for the Swank Theme. 
*/ 

//* Show page content above posts 
add_action('genesis_loop', 'genesis_standard_loop', 5); 

//* Add the featured image after post title 
add_action('genesis_entry_header', 'foralles_grid'); 
function foralles_grid() { 

    if (has_post_thumbnail()){ 
     echo '<div class="archive-featured-image">'; 
     echo '<a href="' . get_permalink() .'" title="' . the_title_attribute('echo=0') . '">'; 
     echo get_the_post_thumbnail($thumbnail->ID); 
     echo '</a>'; 
     echo '<a href="' . get_permalink() .'" title="' . the_title_attribute('echo=0') . '">'; 
     echo the_title('<h2>', '</h2>'); 
     echo '</a>'; 
     echo '</div>'; 
    } 

} 

//* Remove the ad widget 
remove_action('genesis_before_loop', 'adspace_before_loop'); 

//* Remove author box 
remove_action('genesis_after_entry', 'genesis_do_author_box_single', 8); 

//* Remove the post meta function 
remove_action('genesis_entry_footer', 'genesis_post_meta'); 

//* Remove the post info function 
remove_action('genesis_entry_header', 'genesis_post_info', 12); 

//* Force full width content layout 
add_filter('genesis_pre_get_option_site_layout', '__genesis_return_full_width_content'); 

//* Remove the entry title (requires HTML5 theme support) 
remove_action('genesis_entry_header', 'genesis_do_post_title'); 

//* Remove the post content 
remove_action('genesis_entry_content', 'genesis_do_post_content'); 

//* Add Page Heading and Content 
add_action('genesis_before_loop', 'community_heading'); 
function community_heading() { 
?> 
<h1>Community</h1> 
<p>We built our Community page to share ideas, stories and inspiration. We’re sure you will find something that interests you and connects you to For Alles. Please enjoy exploring and reading. If there is anything you would like us to know please <a href="http://www.foralles.com/contact">contact us</a>. We’d love to hear what you think!</p> 
<?php 
} 

genesis(); 

Answer 1

：

は、ここに私のコードです。これは、すべての記事は、最小の高さが設定されているを確認します

.page-template-page_blog article.type-post, .archive article.type-post { 
    width: 33.33%; 
    float: left; 
    min-height: 450px; 
} 

を次のようにCSSを編集し、1つの項目が賢明別の高さ、次に大きいときに問題が発生し、これはその下の面積を占めています。この変更はstyle.cssファイルで行うことができますline 881