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; 
}

结果：提前

感谢

它被称为“清除”元素。您可能只需要在'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。

html元素没有高度

相关推荐