求助html+css大神,关于无限多个div在定宽容器中不换行的问题,如下示意

<divstyle="float:left;width:40%;overflow-x:scroll;"id="fatherdiv"><divid="mydiv">无限的'... <div style="float:left;width:40%;overflow-x: scroll;" id="fatherdiv">
<div id="mydiv">无限的'mydiv'显示在浮动定宽的'fatherdiv'中永不换行,超出宽度横向滚动</div>
</div>
展开
 我来答
慕刓辞
2016-05-06 · 知道合伙人软件行家
慕刓辞
知道合伙人软件行家
采纳数:583 获赞数:1704
从事前端开发4年,喜欢专研H5各种网页效果!

向TA提问 私信TA
展开全部
<!DOCTYPE html>
<html>
<head>
<style>
 ul,li{padding:0;margin:0}
#pic_list
{
display:block;
white-space:nowrap;
width:500px;
overflow:auto;
background:#666
}
#pic_list li
{
width:80px;
height:80px;
margin:3px;
background:red;
display:inline-block;
}
</style>
 
</head>
<div id="pic_list">
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</div>
</body>
</html>
追问
大神!好像解决了我的问题!!是不是循环整个ul就是增加行,循环li就是增加列?
追答
Ul要不要都行,一个div占一行,li为里面的无限内容
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式