html浮动div同行显示,div已经设了over-flow:auto;为什么没有滚动条浮动元素不能同行显示了，怎么办...

我想让浮动元素同行显示

body{ margin:0 auto; font:12px Arial, Helvetica, sans-serif "宋体"; color:#666; }

p,ul,li{ margin:0; padding:0 ;display:block;}

li{ list-style:none;}

.common{ line-height:25px; width:810px; margin:0 auto;}

.sidebar{ float:left; background:#ccc; overflow:hidden; color:#fff; width:100px;}

.wraper{ float:right;overflow:auto; background:#f00; color:#fff; width:690px; padding:5px;}

.wraper li{ margin:5px 10px 0 0; width:98px; height:150px; float:left; border:1px solid #ccc;}

我已经指定了.wraper的宽度和溢出为auto。我想让已经设为左浮动的wraper1,wraper2,wraper3,wraper4...块状元素(li)在.wraper的同一行显示，

.sidebar

.wraper

• wraper1
• wraper2
• wraper3
• wraper4
• wraper5
• wraper6
• wraper7
• wraper8
• wraper8
• wraper10

运行代码

复制代码

另存代码

提示：您可以先修改部分代码再运行