底部填充div錯誤

-4

即使我將padding設置爲0，我在div中有一個奇怪的底部填充。我認爲它是從某些東西繼承的東西，但我刪除了所有填充以查看是什麼導致它並且它仍然發生。底部填充div錯誤

這是我的CSS：

.magazinelistdiv { 
width: 804px; 
} 

.magazinelistdiv .magrowdiv { 
width: 800px; 
border-top: 1px solid #333388; 
border-bottom: 1px solid #333388; 
padding-bottom: 0px;  
} 

.magazinelistdiv .magrowdiv div { 
display:inline-block; 

font-size: 20px; 
width: 65px; 
text-align: center; 
} 

.magazinelistdiv .magrowdiv .zero{ 
color: red; 
} 

.magazinelistdiv .magrowdiv .id { 
width: 40px; 
margin: 7px 0; 
} 

.magazinelistdiv .magrowdiv .number { 
width: 100%; 
} 

.magazinelistdiv .magrowdiv .text { 
font-size: 8px; 
width: 100%; 
} 

.magazinelistdiv .magrowdiv .magazine { 
width: 410px; 
text-align: left; 
} 

.magazinelistdiv .magrowdiv .visits { 
font-style: italic; 
color: #444; 
} 

.magazinelistdiv div:hover { 
background-color: #eee; 
} 

.magazinelistdiv .magrowdiv a:hover { 
text-decoration: none; 
padding: 3px; 
background-color: #ddd; 
border-radius: 0.3em; 
-moz-border-radius: o.3em; 
-webkit-border-radius: 0.3em; 
border: 1px solid #333; 
display:block; 
width: 390px; 
}

這是我的HTML輸出：

<div class="magazinelistdiv"> 
    <div class="magrowdiv odd" id="magrowdiv1"> 
      <div class="id">1</div> 
      <div class="magazine"><a href='index.php?act=magazine&id=5'>Mag1</a></div> 
      <div class="issues zero"> 
       <div class="number">0</div> 
       <div class="text">Issues</div> 
      </div> 
      <div class="series zero"> 
       <div class="number">0</div> 
       <div class="text">Series</div> 
      </div> 
      <div class="chapters zero"> 
       <div class="number">0</div> 
       <div class="text">Chapters</div> 
      </div> 
      <div class="pages zero"> 
       <div class="number">0</div> 
       <div class="text">Pages</div> 
      </div> 
      <div class="visits zero"> 
       <div class="number">0</div> 
       <div class="text">Visits</div> 
      </div> 
      <div></div> 
     </div> 
     </div>

我想我有很多的錯誤在CSS，因爲更多的事情發生，但我米不知道如何解決它們，但我特別關注底部填充物。

更具體地說，magrowdiv div內的所有div都有一個底部填充，它們不應該有。

來源

2012-03-17 Ikzer

您剛剛發佈了大量的代碼與一般的抱怨一起......究竟是什麼您的具體問題？你在說什麼'div'？您是否使用Safari，Chrome，Firefox或Explorer中的開發人員工具檢查了DOM？投票結束，除非增加更多信息。 – Sparky 2012-03-18 00:13:06

在您的問題中添加生成的HTML而不是PHP與PHP，將有助於更多。 – Sotiris 2012-03-18 00:13:24

1.如果你粘貼文件的輸出（html）而不是php，會更有幫助。 2.「在一個div」 - 請更具體。哪個div？ – 2012-03-18 00:16:33

根據您發佈的代碼，您在HTML中有兩個多餘的結束div標籤。

來源

2012-03-18 00:12:42 Scott

很難分辨您發佈的內容。不過，如果我更改以下

.magazinelistdiv .magrowdiv .id { 
    width: 40px; 
    margin: 7px 0; 
}

到

.magazinelistdiv .magrowdiv .id { 
    width: 40px; 
    margin: 0; /* REMOVE THE TOP & BOTTOM MARGIN */ 
}

它收緊的divs。

見這個例子：http://jsfiddle.net/jYn8F/

來源

2012-03-18 00:43:43

底部填充div錯誤

回答

相關問題