为什么这个边框不可见？

Question

在this page，在右边的折叠下方的感言部分，告别赛（在<article>标签文本的内容有一个边界：

.testimonial-entry.dark { 
    background-color: #F6F6F5; 
    border: 1px solid #D9D9D9; 
} 

谷歌Chrome浏览器的开发者工具计算样式观众确认，真的有是一个正确的边界，它没有被覆盖或任何东西。？

border-right-color: rgb(217, 217, 217); 
border-right-style: solid; 
border-right-width: 1.1111111405455043px; 

尽管如此，右边界是不可见的任何人都可以解释为什么

Answer 1

因为父div元素像div的ul的给你的文章宽度没有足够的空间。现在有很多灵魂来获得这项工作。干净的解决方案，更多的工作和快速的灵活性，少工作。

一个快速独立可以给你的文章一个固定的宽度，它适合父母的html元素。 844线在您的http://wowballoons.com/wp-content/themes/nevada/nevada/style.css?ver=1.6

.testimonial-entry.dark { 
    background-color: #F6F6F5; 
    border: 1px solid #D9D9D9; 
    width: 316px; 
} 

Answer 2

它没有显示，因为div太宽，而且不在.container。包含它的section（.one_half.last）是451px宽，所以.testimonial-entry.dark但它的父亲li将它移到一边。

如果你改变你的控制台li的CSS margin-left: 18px到-1px上，你会看到，实际上整个边界。

解决办法是让你的文章更加狭窄，需要afect元素是

.single-testimonial_3 li {width:330px;} 

Answer 3

.testimonial-entry.dark会超出你的容器。右边框位于容器外部，并且溢出处于隐藏状态，因此您不会看到它。

使您的文章变得更窄。

.testimonial-entry dark {width: 315px; }应该解决它。