CSS：Div在另一个div内

Question

我有一个div元素（类“content”），它包含2个div和第一个具有底部的div的兄弟：0px;属性和固定高度，我希望div与类“gallery”扩展，因为它们不会流过它们的父div。

还有......我看到除了firefox浏览器，chrome，opera和safari之外的右上角显示的搜索输入比正常情况高4-5像素。那是为什么？

http://goaltod.iulianonofrei.com/

Answer 1

这里有2个问题。 第一个问题不清楚，“包含2个div和第一个div的兄弟”，不是第一个div的兄弟 - 第二个div？此外，您还不清楚自己想要做什么，一般情况下，您似乎已将所有内容定位为全局，因此您不必将gallery div设置为您想要的确切尺寸。对于它包含的内容，您可以使用overflow：auto，以便在需要时创建内部滚动条。

对于第二个问题，看起来问题出在firefox中。如果将输入元素的顶部和填充设置为0，它仍然与包含的td元素对齐。这是表元素的一个非常奇怪的用法，我建议反对它......你可能应该使用div元素。

Answer 2

因为您使用了height: 100%，所以内容将与其父元素的高度相匹配。而其他因素则将其推倒。

有几种方法可以解决这个问题：

• 使用表格基础布局（完全支持但不赞成）
• 使用新的CSS 3弹性框布局（没有旧的IE支持）
• 将页眉和页脚放在内容中，然后将它们放在绝对位置。

我建议在这里演示第3个选项：http://jsfiddle.net/tnRpR/