我目前正在构建网格布局网页as you can see here in this livelink。但是我无法弄清楚为什么边界没有出现在我的“特价”广场和我的“投资组合”广场上。我已经尝试了一切！这显然是一个CSS问题，但除了这两个之外，它适用于其他所有方块。有人可以看看上面的livelink并查看源代码，试图找出边框无法正常工作的原因。
影响其中一个人的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>
其他DIV影响的HTML
<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>
答案 0 :(得分：1)
问题是该div的宽度和高度更多是因为它获得隐藏。只要照看它们，你就能看到边界。
更具体地说，降低.sssprev, .sssnext和.staticlarge元素的高度。这将解决您的问题。我已经在您提供的链接上进行了测试。
我尝试了 150px 的宽度，我能够看到边框。
答案 1 :(得分：0)
您需要从overflow: hidden; div中移除.trigger并需要相应地调整div。
希望这能解决您的问题。
答案 2 :(得分：0)
如果你想订购html的边框只需写
<div class="just_text" style="border-style: solid"><div class="caption-box">Special Offer</div><img src="slide4.png" height="200" width="400" /></div>
</div></div>
style属性提供边框
style="border-style: solid"
答案 3 :(得分：0)
.trigger.large的宽度为400px。.staticlarge（上面的孩子）宽度为400px加1px边框。它的外宽度因此是402px。.trigger有overflow: hidden所以它会剪掉溢出的2px。解决方案是删除孩子的硬编码宽度400px。如果必须指定宽度，请指定以下其中一个：