Question

我需要为每个元素制作相同的边框高度。这是问题http://postimg.org/image/40lg6rynf/

的屏幕

HTML

     <div class="row projekty">
        <div class="container">
          <div class="marquee">
          <?php
              echo '<div class="projekt">';
              echo '<p>' . $row['item_name'] . '</p>';
              echo $row['item_text'];
              echo '<a href="' . $row['item_url'] . '">více informací zde...</a>';
              echo '</div>';
          ?>

          </div>

        </div>
      </div>

CSS

.projekty {
    background-color: #d8d8d7;
    padding-bottom: 20px;
}

.projekt {
    text-align: center;
    float: left;
    width: 250px;
    margin-top: 15px;
    background:url("../img/border_line.png") bottom right no-repeat;
    padding-bottom: 20px;
    display: block;
}

Answer 1

你所要做的就是给你的.projekt一个固定的高度。

height: 300px;

我明白你在这里完成了什么，但如果我是你，我会使用border-right：1px solid #cdcdcd;然后给你的项目一个水平边缘，并消除边框的最后一个实例，只需使用last：child并给它一个边框：none

下一次可行的小提琴可能比图片更合适;）

右侧边界的高度

1 个答案: