ul与背景图像和左浮动李项目

Question

我有一个带有背景图片的ul列表

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: url("../images/columns_sep_thumbs.png") repeat-y 50% 0;
}

使用li

的以下样式

li {
    float: left;
    width: 220px;
    margin: 0;
    padding: 20px 15px;
    list-style: none;
    text-align: center;
}

当li物品向左浮动时，图像会消失，有什么建议吗？

<ul>
        <li>
            content1
        </li>
        <li>
            content2
        </li>
        <li>
            content3
        </li>
    </ul>

Answer 1

将clearfix伪元素添加到ul

ul:after {
    content: "";
    clear: both;        
    display: table;
}