Question

我尝试通过subMenu-link＆amp;添加margin来填补padding填充。 0 #side-navigation { list-style:none; font-family:arial; font-size:11px; margin:0; padding:0; width: 100%; } #side-navigation li { padding: 8px 5px 5px 0; cursor: pointer; } .lock { background: url('../images/lock.png') no-repeat center; display: inline-block; width: 30px; height: 30px; text-align: center; vertical-align: middle; margin-top:-5px; margin-left:5%; } .subMenu-link { list-style: none; padding-bottom: 10; margin: 0; } li.subMenu span{ font-weight: 600; font-size: 14px; }但没有运气。

CSS：

<ul id="side-navigation">                       
        <li class="subMenu"><i class="lock"></i><span class="title">User Account</span>
        <span class="toggle">+</span>
            <ul class="subMenu-link">
                <li>One Link</li>
                <li>One Link</li>
                <li>One Link</li>
                <li>One Link</li>
            </ul>
        </li>
</ul>

HTML

{{1}}

它显示的内容：

http://sc-cdn.scaleengine.net/i/5f6ec1da326aab4911feed285add0b4b.png

我试图通过＆＃34;一个链接＆＃34;不要在底部有一些填充物。

Answer 1

.subMenu-link是ul，它首先没有任何填充/边距（padding-left除外），因此添加margin: 0px和{{ 1}}到padding: 0px无法工作。填充已应用于.subMenu-link，您可以使用以下CSS删除它：

<li>

从李的垫子上取下，但仍然显示底部的间距

1 个答案: