HTML無序列表中有一半被遮擋的子彈

我有一個無序列表，它顯示了每個列表項左側的項目符號。在FF/IE中，項目符號顯示一半。在Chrome中，它們根本不顯示。通過將margin-left: 5px添加到<li>我可以讓他們出現。HTML無序列表中有一半被遮擋的子彈

但我真正想明白的是爲什麼他們是隱藏的。我寧願治療病因而不是症狀。我無法在小提琴中重現，因此這裏是鏈接到該頁面的鏈接。我已儘可能減少並在頁面中提供解釋。

http://help.projectorpsa.com/display/doc432m/Test

我使用CMS系統，稱爲合流，所以我沒有很多在HTML標記控制的。無論如何，這是標記。

<div class="panelMacro"> 
    <table class="infoMacro"> 
     <tbody> 
      <tr> 
       <td> 
        <div class="panel" style="background-color: transparent;border-color: transparent;border-width: 1px;"> 
         <div class="panelContent" style="background-color: transparent;"> 
          <ul> 
           <li>A - There is no bullet displayed for this list. If I add margin-left: 6px to this &lt;li&gt; then I can see it. But I don't understand why this is happening. What is the bullet hiding behind?</li> 
           <li>B</li> 
           <li>C</li> 
           <li>D</li> 
          </ul> 
         </div> 
        </div> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div>

來源

2013-04-04 mrtsherman

因爲有此規則：

table.infoMacro ul { 
padding-left: 0px; 
}

無論是擺脫它，或增加填充喜歡6像素。

來源

2013-04-04 15:07:20 j08691

謝謝，這是做到了。我被卡住了，認爲另一個元素變得模糊不清，或者負值邊緣將元素從容器中拉出。從來沒有想過'ul'上的填充是必需的。他同時寫了 – mrtsherman 2013-04-04 15:10:42

哈 – Riskbreaker 2013-04-04 15:37:01

嘗試增加list-style-position: inside;您ul

來源

2013-04-04 15:06:51 DarkAjax

就是這個原因custom.css線33：

table.infoMacro ul { 
padding-left: 0px; 
}

嘗試改寫這個

來源

2013-04-04 15:08:15 Riskbreaker

如果通過HTML抓緊你會看到你的 <div class="panel">設置爲溢出：隱藏;

更改爲溢出：可見;你應該很好走。

來源

2013-09-16 18:57:18 bilcker

HTML無序列表中有一半被遮擋的子彈

回答

相關問題