0

我有一个 div 元素（类“内容”），其中包含 2 个 div 和第一个 div 的兄弟，底部为：0px；属性和固定高度，我希望具有“画廊”类的 div 尽可能多地扩展，因为它们不会流过它们的父 div。

还有……我看到除了firefox浏览器，chrome、opera和safari在右上角显示搜索输入比正常高4-5个像素。这是为什么？

http://goaltod.iulianonofrei.com/

4

2 回答 2

1

您在这里有 2 个问题。第一个问题不清楚，“包含2个div和第一个div的兄弟”，不是第一个div的兄弟-第二个div吗？此外，您还不清楚您想要做什么，一般来说，您似乎已经将所有东西都放在了全局位置，所以您为什么不将画廊 div 设置为您想要的确切尺寸。对于它包含的内容，您可以使用溢出：自动，因此它会在需要时创建一个内部滚动条。

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

于 2011-11-24T20:21:17.833 回答
0

因为你使用height: 100%的内容会匹配它父元素的高度。其他元素将其推倒。

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

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

我会推荐这里演示的第三个选项：http: //jsfiddle.net/tnRpR/

于 2011-11-24T20:26:51.153 回答