CSS row border bottom

对于我的网站，我将页面拆分成使用CSS（无表格）的行来分割内容。正如你可以看到的只是使用高度：px;为每一行手动移动该行。但它在不同的神话中跳过了这个地方。有没有办法让它自动设置边框，使其出现在div内容的最后？CSS row border bottom

.row1A 
{ 
    height: 600px; 
    border-bottom: 1px solid white; 
} 
.row2A 
{ 
    height: 820px; 
    border-bottom: 1px solid white; 
} 

<div class="row1A"> 
      <div class="column1"> 
      <h2> Bluerock FX-10G</h2> 
      ***Content*** 
      </div> 
       <div class="column2"> 
       <img src="Images/Amps/Bluerock.jpg" alt="Bluerock FX-10G" width="450px" height="325px"> 
       </div> 
      </div> 
      <div class="row2A"> 
       <div class="column1"> 
       <h2>Line 6 Spider IV 15W</h2> 
     ***Content*** 
       </div> 
        <div class="column2"> 
        <img src="Images/Amps/Line6Spider.jpg" alt="Line 6 Spider IV" width="350px" height="350px"> 
        </div> 
       </div>

来源

2013-12-12 user3095599

您可以发布您的HTML标记示例吗？ – Jonathan

请尝试添加以下样式：

.row1A 
{ 
    height: auto; 
    border-bottom: 1px solid white; 
    clear:both; 
} 
.row2A 
{ 
    height: auto; 
    border-bottom: 1px solid white; 
    clear:both; 
}

来源

2013-12-12 13:48:35 Parixit

谢谢，它固定它的浏览器，但由于某种原因，它已采取每页上的最后一行边框，并把它也移动了页脚到错误的地方... – user3095599

@ user3095599从上一个行使用'.row1A：last-child，.row1A：last-child {border-bottom：none;}' – Parixit

我想要那里是边界，但不是在它已经移动到的顶部... – user3095599

已固定感谢您的帮助。出于某种原因，当我输入边界上方的额外信息时，该行在顶部不在底部。也许这就像是无论如何都没有大惊小怪。但我现在通过从第1行中删除边框来修复它。

来源

2013-12-15 20:51:39 user3095599

CSS row border bottom

回答

相关问题