Question

我有一个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; }

Answer 1

您可能需要在#main中使用隐藏值的overflow属性，我不确定，但如果您可以提供屏幕截图，我可能会提供一些帮助。：）

CSS Grid - 结束后继续？

1 个答案: