html – 使用CSS将DIV与无关DIV的底部对齐(没有父子关系)

概述如果DIV没有父/子关系,是否可以将B的底部与A的底部对齐？ A和B的高度根据正在查看的页面而变化,因此我不相信我可以使用填充/边距/任何内容. 因为我是新用户,所以我无法发布图片,所以我将用文字说明. What I have: What I want:[ nav bar ] [ nav bar ]--------- ----- 如果div没有父/子关系,是否可以将B的底部与A的底部对齐？

A和B的高度根据正在查看的页面而变化,因此我不相信我可以使用填充/边距/任何内容.

因为我是新用户,所以我无法发布图片,所以我将用文字说明.

What I have:             What I want:[   nav bar   ]          [   nav bar   ]--------- -----          ---------|       | | B |          |       ||   A   | -----          |   A   ||       |                |       | -----|       |                |       | | B |---------                --------- -----     ----------               ----------     | content|               | content|

我是CSS新手的重要时刻,我正在用wordpress进行攻击,让它做我想做的事.任何帮助,将不胜感激.

谢谢！

我正在处理的页面在这里：

http://rachelhappen.com/the-charlie-baker-sneaker/

解决方法 我明白你要做什么.我建议将A和B的父div放在位置上的相对位置,并将B div绝对定位到该容器的底部.这样,它总会坚持到底.

我测试了以下代码,看起来很完美.它附带的截图.

<style type="text/CSS">* { margin:0; padding:0; }.container { position:relative; wIDth:600px; height:400px; }.container .a { background:red; position:absolute; height:400px; wIDth:400px; left:0; }.container .b { background:green; position:absolute; height:200px; wIDth:200px; right:0; bottom:0; }.cl { clear:both; }</style><div >     <div >a</div>     <div >b</div></div>

http://i.stack.imgur.com/6unHw.png

总结

以上是内存溢出为你收集整理的html – 使用CSS将DIV与无关DIV的底部对齐(没有父/子关系)全部内容，希望文章能够帮你解决html – 使用CSS将DIV与无关DIV的底部对齐(没有父/子关系)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。