看一下这个jsfiddl示例:我希望左列与底部对齐。不应该那么难,但是我不能使它工作。
http://jsfiddle.net/magwalls/rdrznzhe/
<div width="100%" class="clear">
<div class="fl" width="50%">I want this aligned to bottom</div>
<div class="fr" width="50%">
<div>Row 1</div>
<div>Row 2</div>
<div>Row 3</div>
</div>
</div>
<hr class="clear"/>
编辑:我在这里用Vitorinos和Dankos解决方案更新了我的JS Fiddle。http://jsfiddle.net/magwalls/rdrznzhe/12/
你可以做这样的事情
.fl {
position:absolute;
bottom:0;
}
.wrap{
width:100%;
display:inline-block;
position:relative;
}
.wrap
为<div width="100%" class="clear wrap">
(父div)添加了类以清除.fr
或将占用0px
高度的浮动
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句