Html CSS网格-结束后继续？

我有一个CSS网格，除了一个问题外，它工作得很好

在网格部分的末尾，我有一些链接。但是我不能点击链接。当我尝试时，网格大小的部分会高亮显示。基本上，栅格下方有一个不可见的部分，用于阻止栅格下方的图元。有什么建议吗

这是CSS

.course-grid2 { position: relative;  float: left; width: 192px; height: 495px; margin: 0 10px 10px 10px; }
.course-grid2.row { width:100%; height: 150px; margin: 0 0 10px 0; border-bottom:1px solid #ccc; }
.course-grid2.row:last-child { border-bottom:hidden; }
.course-grid2.row img { float: left; margin: 0 10px 10px 0; }
#main .course-grid2 p { font-size: 12px; line-height: 18px; margin: 0 0 5px 0 !important; }
#main .course-grid2 p.short-description { font-size: 12px; height: 80px; }
#main .course-grid2 h3 { margin: 0 0 10px 0; font-size: 17px; font-weight: normal; }
#main .course-grid2.grid h3 { height: 40px; }
#main .course-grid2.row h3 { font-size:18px; }
#main .course-grid2.row .c-info { margin-left:140px; }
#main .course-grid2.row .links { height:28px; margin-top:10px; }
#main .course-grid2 .small { font-size: 11px; }
#main .course-grid2 > .links { margin: 10px 0; }
#main .links form { display: inline; }
#main .links a, #main .links input[type=submit] {
    font-size: 13px;
    font-weight: 700;
    padding: 5px;
    margin-right: 5px;
    color: #555;
    text-decoration: none;
    border-radius: 3px;
    background: #f0f0f0;
    background: -moz-linear-gradient(top,  #f0f0f0 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
    background: linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e5e5e5',GradientType=0 );
    border: 1px solid #ccc; }
#main .links a:hover, #main .links input[type=submit]:hover { background: #f8f8f8; color: #111; border: 1px solid #aaa; box-shadow: 0px 1px 2px #ddd; }
span.price { color: red; font-weight: 700; font-size: 14px; }

---

您可能需要在main中使用值为hidden的overflow属性，我不太确定，但如果您能提供一个屏幕截图，我可能会有所帮助

那太好了。这里是问题…底部的链接不能被点击，因为这个不可见的属性被突出显示。还有另外两个，每边一个。我为浪费你的时间而道歉，不幸的是，我不能通过查看上面的css来定位错误。我想知道为什么那个蓝色的盒子。。如果出现在那里，可能您必须在css中的某个地方查看background color属性，该属性的值为b0d6ff，您可以从那里开始：