[問題] 請問css的 :after 到底是要怎麼用

[knives ()]

我的html是這樣
<div>
<a class="prevPage browse left"></a>
        <div >
                <ul>
                        <li>1</li>
                        <li>2</li>
                </ul>
        </div>
<a class="nextPage browse right"></a>
</div>
我的css是這樣
a.browse {

        background:url(image/hori_large.png) no-repeat;

        width:30px;
        height:30px;
        float:left;

        cursor:pointer;
        font-size:1px;
}
我希望讓在nextPage 以後，就取消原本的float效果，才不會讓後面的貼上來
所以我又加了這一段
.nextPage:after{
clear:both;
}
但是這樣子，後面的東西還是水平跟在 nextPage後面
請問要怎麼做才能讓後面的東西跳行

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 122.117.39.194
→ shimuraken:我是用<div style="clear:both;"></div> 接後面這樣..
→ shimuraken:雖然程式碼寫起來有點重，不過是治本的方法XD
推 kyork::after要配合content使用，而且display屬性是inline
→ kyork::after{content:".";display:block;height:0;
→ kyork:clear:both;visibility:hidden;}
→ kyork:這樣子寫clear:both;才會作用
→ kyork:這一招名為css clearfix，請自行google可以找到更多資料
→ kyork:不過要寫在父元件上，所以html還是要用個div包起來
→ kyork:下面的回文比較清楚，請無視我吧......