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

运行代码

复制代码

另存代码

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

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

html div文字重叠,div右边的div与其重叠（显示错位）
在排版布局网页时,一行常常分为两列或三列,由于是一个大区块,所以经常使用div来布局,也就是每列用一个div.假如把一行分为两列,一列用于显示文字列表,另一列用于显示图片列表,图文搭配比较好看:在用d ...
设置div中的div居中显示
设置div中的div居中显示方法一. <div class='big'><div class='small'>box1</div></div>styl ...
html一半文字一半图片,一个div的子div宽是200高是350 里面怎么让图片显示一半另外一半文字居中！？...
html> test 这里是文字 div{ margin: 0 auto; /* 这里是为了让div居中你可以不需要 */ outline: 1px solid red; /* 这里是为了 ...
点击按钮显示div并向div中传递参数
针对菜单显示的内容,点击每一个按钮后,需要显示详细信息,详情页是一个div,点击一行才会显示,显示的内容则是根据选中的按钮. 引申出来,比如一个订单列表,点击一行,则弹出一个div展示订单详情,而详情 ...
React 点击按钮显示div与隐藏div
<!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>R ...
.net web 点击链接在页面指定位置显示DIV的问题
.net web 点击链接在页面指定位置显示DIV的问题做了一个网页,放了两个DataList ,一个显示科室,一个显示科室中的人员,由于科室太多,一屏显示不全,为了在页面刷新时记住上次浏览位置,所 ...
解决子级用css float浮动而父级div没高度不能自适应高度
当在对象内的盒子使用了float后,导致对象本身不能被撑开自适应高度,这个是由于浮动产生原因. 方法一:对父级设置固定高度此方法可用于能确定父级div内子级对象高度. 缺点: 父级是固定高度,而不随 ...
js隐藏和显示div
隐藏后释放占用的页面空间 // 设置display属性 style="display: none;" document.getElementById("id") ...
html中怎么让div撑开,html中子div用了浮动怎样让父div的大小自动撑开（清除浮动）...
浮动子div撑开父div的几种方法: (1)在父div中在添加一个清除浮动的子div (2)在父div的css样式中设置overflow:hidden;zoom:1; (3)设置父div也为浮动元素f ...
js隐藏显示div页面方法
今天呢,给大家分享一下,通过js来隐藏显示首先,先上图这是js代码这是H5及css样式效果图,由于用于测试,比较简陋,不要在意,哈哈哈哈! 给大家测试代码,有需要可以复制 <scrip ...

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

.wraper

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

最新文章

热门文章