溢出部分可滚动查看 且不显示滚动条

如下代码

<div class="one">

<div  class="two">

<ul class="three">

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

</div>

</div>

<style>

.one{width:300px;height:200px;overflow:hidden;}

.two{width:318px;height:200px;overflow-y:scroll;}

.three{width:300px;}

</style>

祖元素定宽  溢出部分隐藏

父元素宽度为祖元素宽度+18  溢出部分显示滚动条 

子元素 随意