怎样让一个div里的多个div横向排列
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎样让一个div里的多个div横向排列相关的知识，希望对你有一定的参考价值。
1、新建html文档，在body标签中添加一个div标签，然后在这个div标签中添加一些div标签：
2、为外div标签和内div标签添加一些样式，由于div元素是块级元素，所以内div会在外div中垂直排列：
3、为内div添加“display: inline-block;”样式，这时内div就会变成行级块元素，这样内div就会在div中横向排列了：
<html xmlns="http://www.dayinmandarin.com">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>漂浮</title>
<style type="text/css">
.dadwidth:600px;height:200px;border:#30F solid 2px;
.dad divfloat:left;width:150px;height:100px;border:#C0F solid 1px;margin:20px;
</style>
</head>
<body>
<div class="dad">
<div>1号</div><div>2号</div><div>3号</div>
</div>
</body>
</html>本回答被提问者采纳 参考技术B float:left; clear:right;
怎么能实现div里的滚动条滚动时有动画效果
我用js代码控制scrollTop值，但是滚动效果显得太僵硬了，问下有没有能让滚动条滚动时能柔和一些的方法。
如果你有jquery库的话，就用animate()方法如果只用原生态的JS,那么就用定时器setInterval追问
公司用的是zepto，但是zepto里的animate好像不支持scrollTop，我试过了。
追答那就用原生态的setInterval吧。
var timer=setInterval(function()
if(滚完了)
clearInterval(timer)
else
scrollTop+=10;
,30);
这样可以么
公司用的是zepto，但是zepto里的animate好像不支持scrollTop，我试过了。
参考技术B 你可以使用固定定位啊！以上是关于怎样让一个div里的多个div横向排列的主要内容，如果未能解决你的问题，请参考以下文章