CSS: Div中的另一个div
CSS: Div中的另一个div
提问于 2011-11-25 04:08:37
我有一个div元素(类"content")，它包含2个div和第一个div的同级元素，该元素具有bottom: 0px；属性和固定的高度，我希望包含类"gallery“的div能够扩展到与它们不在父div上流动一样多。
还有..。我看到除了火狐浏览器，chrome，opera和safari在右上角显示的搜索输入比平时高出4-5个像素。为什么会这样呢？
http://goaltod.iulianonofrei.com/
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-11-25 04:21:18
这里有两个问题。第一个问题不清楚，“包含两个div和第一个div的兄弟”，第一个div的兄弟不是第二个div吗？也不清楚你想要做什么，一般来说，你似乎所有的东西都是全局定位的，所以你为什么不用你想要的确切尺寸来设置图库div。对于它包含的内容，您可以使用overflow:auto，这样它就会在需要时创建一个内部滚动条。
对于第二个问题，似乎问题出在firefox中。如果您将input元素的顶部和填充设置为0，它仍然与包含td元素对齐。这是表元素的一种非常奇怪的用法，我建议不要这样做……您可能应该改用div元素。
Stack Overflow用户
发布于 2011-11-25 04:26:51
因为您使用了height: 100%，所以内容将与其父元素的高度相匹配。其他的元素把它往下推。
有几种方法可以解决这个问题：
- 使用基于表格的布局(完全支持，但不受欢迎)
- 使用新的CSS3弹性框布局(不支持旧的IE )
- 将页眉和页脚放在内容中，然后将它们绝对定位。
我推荐这里演示的第三个选项：http://jsfiddle.net/tnRpR/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8262035
复制相关文章
相似问题
腾讯云开发者
