html - 我的 CSS 有问题

Question

我正在使用 wordpress 和 woocommerce，我在单个产品页面上遇到了 CSS 问题:

红色边框应该包围所有内容，如下所示:http://lebruloir.com/cafe-bistrot/

但是当在单个产品页面上时，一切都搞砸了:http://lebruloir.com/boutique/test/

我很确定这是一个非常简单的解决方案，但我似乎找不到它。

woocommerce.php 的代码(用于显示内容) PS: 有一个是正常的，它正在关闭从 header 调用的 div

非常感谢

<?php get_header(); ?>




<div class="col span_5_of_8 transparent">
        <div class="site-content">


                <?php if ( function_exists('yoast_breadcrumb') ) {
                yoast_breadcrumb('<p id="breadcrumbs">','</p>');
                } ?>

                <div class="border"></div>


<?php woocommerce_content(); ?>
        </div>


</div>

Answer 1

这是由 <div> 中的 float 内容引起的带边框。

尝试添加 overflow: auto至 .site-content .

.site-content {
  font-family: 'Radley', 'Libre Baskerville', 'Fenix', serif;
  color: #6B0001;
  font-size: 110%;
  z-index: 1;
  word-wrap: break-word;
  padding: 4% 4% 0;
  border: solid 1px #6B0001;
  margin: 15px 15px 15px;
  overflow: auto; /* ADD THIS */
}