HTML边框长度不一样

Question

我有这个沙龙列表,每个沙龙右边都有一个虚线边框.其中一些边界在其他边界之前停止,是否有任何方法可以使它们长度相同？(理想情况下,他们到达页脚)所有沙龙都在这个HTML中(信息只是不同):

<div class="salons">
  <h1><a href="salonpage.php?salonid=1">Urban Bliss</a></h1>
  <p> 15 Headingly Lane,
    LS6 1BL.
    0113 278 1572</p>
</div>

CSS如下:

.salons {
font-family:"Century Gothic";
width:248.5px;
max-height:inherit;
float:left;
padding-left:5px;
border-right:1px dotted #FFB6D7;
padding-bottom:5px;
}

Answer 1

发生这种情况的原因是一些盒子的高度低于最高的高度。要解决此问题，只需为 css 中的所有 div 添加固定高度即可。例如：

height:200px;