我使用Twitter的bootstrap进行流畅的布局,其中我有一行有两列 . 第一列有很多内容,我想通常填写范围 . 第二列只有一个按钮和一些文本,我想在第一列中相对于单元格进行底部对齐 .
这就是我所拥有的:
-row-fluid-------------------------------------
+-span6----------+ +-span6----------+
| | |short content |
| content | +----------------+
| that |
| is tall |
| |
+----------------+
-----------------------------------------------
这就是我想要的:
-row-fluid-------------------------------------
+-span6----------+
| |
| content |
| that |
| is tall | +-span6----------+
| | |short content |
+----------------+ +----------------+
-----------------------------------------------
我已经看到了使第一个 Span 成为绝对高度的解决方案,并且相对于它定位了第二个 Span ,但是我不需要指定我的div的绝对高度的解决方案将是首选 . 我也愿意彻底重新思考如何达到同样的效果 . 我没有嫁给这种脚手架的使用,它似乎对我来说最有意义 .
This layout as a fiddle: