水平div定位

Question

CSS很酷，但它也有点棘手，对吗？

对于CSS主人，我有三个问题：

1. 如果我有一个div id="a"包含所有默认属性（就定位等而言），我在其中放置另一个div id="b"并设置其宽度和高度（以像素为单位）并设置float: left属性，为什么div id="a"不会调整其高度来容纳div id="b"？是否有可能实现这一目标？
2. 我有以下情况： 紫色div只是一个普通的div（padding: 10px），白色的东西是水平方向的ul列表的项目（再次放在它自己的div float: left）中，绿色的div是另一个div（{ {1}}）内置display: inline-block标记。问题是如何使包含列表底部的div与绿色div对齐？
3. 最后一个问题，与之前的情况有关：如何让绿色div从左边的白色div延伸到右边紫色div的末尾？

感谢所有了解我的问题并愿意分享答案的人！

Answer 1

1. 阅读本文：http://www.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/

抱歉，但我不明白第二和第三个问题:(

Answer 2

1. 我认为这是因为div＃b是一个子元素，所以div＃a - 作为父元素 - 将不会从div＃b继承属性。

Answer 3

1. 以下是对http://www.fiveminuteargument.com/float-container的解释。简而言之，浮动元素预计能够跨越 - 例如 - 多个段落，因此使它们的容器扩展是没有意义的。