一行div框，两边顶头显示

<style>
.pdiv{background-color:#999; width:1000px; height:500px; overflow:hidden;text-overflow:ellipsis;}
.pdiv2{width:1010px; height:500px; }
.subdiv{background-color:#F00; width:192px; height:200px; float:left;margin-bottom:10px; margin-right:10px;}
</style>

 

<div class="pdiv">
<div class="pdiv2">
<div class="subdiv"></div>
<div class="subdiv"></div>
<div class="subdiv"></div>
<div class="subdiv"></div>
<div class="subdiv"></div>


<div class="subdiv"></div>
<div class="subdiv"></div>
<div class="subdiv"></div>
<div class="subdiv"></div>
<div class="subdiv"></div>
</div>
</div>

本来是div超出部分不显示，但这个只对一个div有用   这种很多div的就没用了    我就在这些div外另外加了一个div让他超过最外面的div   超出的部分不显示，表述可能不清楚，你们懂的就行。