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

回答

相關問題