61,112
社区成员
发帖
与我相关
我的任务
分享float left后不贴顶部问题
一个瀑布流的布局实现,
如何把以后的行的DIV紧贴上一行的DIV底部？
图片宽是随机的。 DIV高已设 无用
...全文
请发表友善的回复…
发表回复
香蕉猪 2015-06-26
- 打赏
- 举报
楼主审查的位置不对，，，要把elembox打开给我们看。。。
wsjs004586 2015-06-25
- 打赏
- 举报
在html页面标签那里插入这
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.freetile.js"></script>
<script>
$(function(){
$('.***').freetile({animate: true,elementDelay: 30});
});
</script>
ps[ ".***" 这个是你内容页面最外层的那个div]
antony0716 2015-06-25
- 打赏
- 举报
瀑布流用相对定位加浮动实现很难吧，改成绝对定位再试试，简单多了
风中的少年 2015-06-25
- 打赏
- 举报
看看下面的代码，看看对你有没有帮助:
<style>
*{disabled:inline-block;list-style:none;margin:0;padding:0}
.m{width:700px;margin-top:10px;}
.w{width:auto;min-width:200px;border:1px solid red;float:left;margin-left:10px;margin-bottom:10px;}
.h{height:300px;}
</style>
<body>
<div class="m">
<ul>
<li class="w h">dddddddddddddddddddddddddddddddd</li>
<li class="w h">xx</li>
<li class="w h">xx</li>
<li class="w h">xx</li>
<li class="w h">ddddddddddddddddddd</li>
<li class="w h">xx</li>
<li class="w h">xx</li>
<li class="w h">xx</li>
</ul>
</div>
</body>
JPF1024 2015-06-24
- 打赏
- 举报
display:in-line;
给每个div加上试试.
vinner7 2015-06-24
- 打赏
- 举报
这种情况你可以用 瀑布流布局
vinner7 2015-06-24
- 打赏
- 举报
放在哪？放在每个box DIV里不行[/quote]代码贴上来看看
xxx271941241 2015-06-23
- 打赏
- 举报
放在哪？放在每个box DIV里不行
vinner7 2015-06-23
- 打赏
- 举报
overflow:hidden;
