我正试图用动态包装器中的两个动态高度的div集中在一起…我一直在玩各种各样的技巧来尝试使这个工作的跨浏览器无效,有没有人有建议?见图解说明!紫色块是内容的另一个块,我想坐在动态包装器下方的20px.
>注意:对于红色框左侧的注释,我的意思是说“它应该被缩放到与包含div(绿色或红色)更高的位置一样高.
>我也不知道红色或绿色框是否会更高 – 只是绿色框的高度是动态的,红色的高度是固定的.
解决方法
使用display:inline-block vertical-align:中间的块,所以它们会像你想要的那样对齐.
看这个例子:http://jsfiddle.net/kizu/Tky8T/
更多:红色div的高度也可以是动态的!