欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

第二行的div没法靠上对齐 会按第一行最高的对齐,无法填满

更新时间: 2014-01-05 00:52:42 责任编辑: Author_N1

 

第二行的DIV无法靠上对齐 会按第一行最高的对齐,无法填满

html代码:
<div style=" float:left ; width:850px; " id="container">
    <div style="float:left; width:400px; height:100px; background:#CCC">div1</div>
    <div style="float:left; width:400px; height:200px; background:#0C3">div2</div>
    <div style="float:left; width:400px; height:100px; background:#660">div3</div>   
</div>

如题,  怎么让 div3 紧挨 div1 进行显示, 求兄弟姐妹 帮忙  ! 
--参考方法--
你用下面布局就可以了。

<div style=" float:left ; width:850px; " id="container">
<div style="float:left;">
<div style="width:400px; height:100px; background:#CCC">div1</div>
<div style="float:left; width:400px; height:100px; background:#660">div3</div> 
</div>  
    <div style="float:left; width:400px; height:200px; background:#0C3">div2</div>  
</div>



--参考方法--
<div style=" float:left ; width:850px; " id="container">
    <div style="float:right; width:400px; height:200px; background:#0C3">div2</div>
    <div style="float:left; width:400px; height:100px; background:#CCC">div1</div>

    <div style="float:left; width:400px; height:100px; background:#660">div3</div>   
</div>
--参考方法--
引用:
先谢谢各位的回答, 可能我的问题没表述清楚 , 我现在是从后台返回一个集合在 前台循环出来, 可能有10来个Div , 每个Div的高度都是自适应 , 我并不知道得把哪个 设成 float:left 或 float:right , 用绝对定位的话, 高度也不好确定 


用瀑布流masonry这个插件,自动帮你计算位置高度,放到合适的位置
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:52:42
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/890/
本文WWW.DOC100.NET DOC100.NET版权所有。