html - 对 Divs 上的 CSS 边框进行故障排除

Question

我目前正在构建一个网格布局网页 as you can see here in this livelink .但是我无法弄清楚为什么边框没有出现在我的“特别优惠”方 block 和“投资组合”方 block 上。我什么都试过了!这显然是一个 CSS 问题，但它适用于除这两个之外的所有其他方 block 。有人可以看看上面的实时链接并查看源代码以尝试找出边框不起作用的原因。

其中一个受影响的 DIVS 的 HTML

<div class="trigger">
<div tabindex="0" class="testimony maincontent static"><div class="slider2">
<div class="just_text"><div class="caption-box">Portfolio</div><img src="slide1.png" height="200" width="200" /></div>
<div class="just_text"><div class="caption-box">Portfolio</div><img src="slide2.png" height="200" width="200" /></div>
<div class="just_text"><div class="caption-box">Portfolio</div><img src="slide3.png" height="200" width="200" /></div>
<div class="just_text"><div class="caption-box">Portfolio</div><img src="slide4.png" height="200" width="200" /></div>
</div></div>
</div>

HTML OF OTHER DIV 影响

<div class="trigger large">
        <div tabindex="0" class="testimonywide maincontent staticlarge"><div class="slider">
<div class="just_text"><div class="caption-box">Special Offer</div><img src="slide1.png" height="200" width="400" /></div>
<div class="just_text"><div class="caption-box">Special Offer</div><img src="slide2.png" height="200" width="400" /></div>
<div class="just_text"><div class="caption-box">Special Offer</div><img src="slide3.png" height="200" width="400" /></div>
<div class="just_text"><div class="caption-box">Special Offer</div><img src="slide4.png" height="200" width="400" /></div>
</div></div>
    </div>
</div>

Answer 1

问题是该 div 的宽度和高度更多，因为它变得隐藏。只要照看它们，您就能看到边界。

更具体地说，降低.sssprev、.sssnext 和.staticlarge 元素的高度。这将解决您的问题。我已经在您提供的链接上对其进行了测试。

我尝试使用 150px 的宽度，我能够看到边框。