html元素沒有高度

我的元素沒有高度，但它現在充滿了圖像錨點周圍的圖像是不可點擊的，除非我給.portfolio一個固定的高度。html元素沒有高度

有關如何解決此問題的任何建議？

的HTML：

<h1 class="text-center"> 
     Een greep uit ons portfolio 
    </h1> 
    <span class="main-underline"></span> 

    <div class="portfolio"> 
     <?php 
     $args = array('post_type' => 'portfolio', 'posts_per_page' => 4); 
     $loop = new WP_Query($args); 
     while ($loop->have_posts()) : $loop->the_post(); 
      ?> 
      <div class="col-xs-12 col-sm-6 col-md-3"> 
       <div class="portfolio-img"> 
        <a href="<?php echo esc_url(get_permalink()); ?>"> 
         <?php the_post_thumbnail('portfolio',array('class' => 'img-responsive')); ?> 
        </a> 
       </div> 
      </div> 
     <?php endwhile; ?> 
    </div>

的CSS：

/*PORTFOLIO*/ 

#main2 { 

} 

.portfolio { 

} 

.portfolio .portfolio-img img{ 
    width:100%; 
} 

.portfolio .col-md-3 { 
    margin:0; 
    padding:0; 
}

結果：提前

感謝

來源

2016-09-06 Rubberduck1337106092

它被稱爲「清除」元素。您可能只需要在'portfolio'旁邊添加'row'類 – James

請發佈一個輸出html樣本，而不是php代碼 – Ormoz

@judgeja：請將您的解決方案發布爲[answer]（// stackoverflow.com/help/如何回答）而不是[評論]（// stackoverflow.com/help/privileges/comment）。這將允許OP [接受]（// stackoverflow.com/help/accepted-answer）你的答案，並將使其他用戶更容易找到並[投票]（// stackoverflow.com/help/why-投票）答案。 –

套裝display的a至inline-block。

來源

2016-09-06 08:29:21 Qwertiy

html元素沒有高度

回答

相關問題