调试在Blogger上无法正常工作的Scrollbar代码

Question

我一直试图让这个滚动条代码在Blogger上运行，但是还没有能够弄清楚如何使用。有人可以看出他们是否能够弄清楚问题是什么，以及如何解决它。

相同代码：外观和行为都不同，

的jsfiddle：

https://jsfiddle.net/xuc92tt3/

Screenshot

VS

博客：

https://debugscroll.blogspot.com/

Screenshot

此外，div块下方也不应该是水平线。

＆＃13;

＆＃13;

<style>
      .test {
        width: 266px;
        height: 175px;
        padding: 0;
        margin: 0;
        overflow: auto;
        background: #000;
        list-style: none;
        text-align: left;
      }
      
      .test li {
        padding-bottom: 20px;
      }
      
      .test li:last-of-type {
        padding: 0;
      }
      
      h2 {
        margin: 0;
        line-height: 1;
        font-size: 25px;
        color: #00f;
      }
      
      .test a:link {
        width: 243px;
        height: 20px;
        display: block;
        background: green;
      }
      
      .test a:visited {
        background: #f00;
        color: #000000;
      }
      
      .test a:hover {
        color: #000;
      }
    
    </style>
    
    
    <ul class="test ">
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
      <li>
        <h2>Text</h2>
        <a href="#" target="blank"></a>
      </li>
    </ul>

＆＃13;

＆＃13;

＆＃13;

Answer 1

在blogspot示例中，您的cv::String元素从页眉部分中声明的全局样式继承15px填充。

尝试使用以下css覆盖它：

<li>

Answer 2

添加此CSS代码

.main-inner .widget ul li {
    padding: 0;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 20px;
}
.main-inner .widget h2 {
    margin: 0;
    padding: 0;
}