html - 溢出和列表样式类型不起作用

Question

* {
    padding: 0;
    margin: 0;
}
.test {
    overflow: hidden;
    height: 50px;
    margin-left: 50px;
}

不显示 * 列表样式类型。 list-style-type如何用overflow和*样式显示？

jsfiddle:http://jsfiddle.net/hcFCs/

谢谢。

Answer 1

您必须将 padding-left 添加到 test 类。试试这个:

html:

<div class="test">
    <ul>
        <li>description</li>
        <li>description</li>
        <li>description</li>
        <li>description</li>
        <li>description</li>
        <li>description</li>
    </ul>    
</div>

CSS:

* {
    padding: 0;
    margin: 0;
}
.test {
    overflow: hidden;
    height: 50px;
    margin-left: 50px;
    padding-left:20px;
}

fiddle