CSS:UL子弹是隐藏的

我有一个基本的CSS问题

我有一张单子，但我不能让子弹显示出来

这是一个

我能让它们显示的唯一方法是将位置设置为

内部

，但我希望它按原样设置为

外部

。。无论我在左边加了多少填充物或边缘，我似乎都无法让子弹显示出来

下面是应用的CSS。。我已经把它应用到每件事上了。。保险商协会、保险商协会等

list-style-image: none;
list-style-position: outside;
list-style-type: square;

这是HTML

<ul class="static" style="display: block; ">
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/group-medical-plans.aspx"><span class="additional-background"><span class="menu-item-text">Group Medical Plans</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/self-funding-administration.aspx"><span class="additional-background"><span class="menu-item-text">Self-Funding Administration</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/workers-comp.aspx"><span class="additional-background"><span class="menu-item-text">Workers Comp</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/cobra-administrative-services.aspx"><span class="additional-background"><span class="menu-item-text">COBRA Administrative Services</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/medicare-plans.aspx"><span class="additional-background"><span class="menu-item-text">Medicare Plans</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/individual-family-plans.aspx"><span class="additional-background"><span class="menu-item-text">Individual-Family Plans</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/selling-area-maps.aspx"><span class="additional-background"><span class="menu-item-text">Selling Area Maps</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/provider-networks.aspx"><span class="additional-background"><span class="menu-item-text">Provider Networks</span></span></a>
    </li>
</ul>

编辑-

这里还有4个截图

-

---

-

拥有这些样式就足够了：

ul {
    list-style: square outside;
    margin-left: 20px;
    padding-left: 0;
}

正如你在这里看到的：

如果这不起作用，您需要发布更多CSS或构建一个示例JSFIDLE页面，以便我们提供帮助

---

编辑：这是新的JSFIDLE页面：它包含您的CSS，并且仍然有效。影响样式的是其他东西，而不是你发布的内容-你有一个我们可以看到问题的真实页面吗？

结果是加载后应用了一些Javascript:\
我讨厌继承人们以错误方式解决问题的项目。

ul.a{
列表样式类型：圆形；
}

咖啡
茶
可口可乐

您必须在ul/li元素上显示一些CSS代码。

ul

元素上是否有

overflow:hidden

？我有！lemmie看看这是否能解决问题//将您的评论作为答案发布！真倒霉没用！，我编辑了post-thoTry，添加了

float:none

到ul开始标记（见我的最新评论）。你能尝试从你的ul中删除

宽度：100%

吗？尝试将ul标记更改为：

。我无法控制HTML:（这只是一个这样做的示例。只需将此规则添加到CSS:

ul.static{float:none；}

ul {
    list-style: square outside;
    margin-left: 20px;
    padding-left: 0;
}