ul，帶有背景圖片和左浮動li項

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;
}