让浮动子元素超过父元素宽度的方法

<div>
    <ul>
        <li>这里是测试</li>
        <li>这里是测试</li>
        <li>这里是测试</li>
        <li>这里是测试</li>
    <ul>
<div>

div{    width:500px;}
ul{
    white-space: nowrap;
    overflow-x: auto;   
}
li{ display: inline-block;}