为什么我的“margin:30px”指令被忽略了?

时间:2010-10-29 12:09:09

标签: html css margin

我在设置页面上2个元素之间的边距时遇到了困难。

此处描述了一个示例:http://jsfiddle.net/fHC9Y/1/

你可以看到表下的分页结构和页脚框之间没有空格,我在CSS中指定它们之间应该有30px的空间。

这是IE8和IE中的一个问题。 Firefox(尚未尝试其他浏览器)。

有谁知道这可能是什么?

5 个答案:

答案 0 :(得分:4)

div#Tab向左浮动,这就是你得到这种行为的原因。

尝试使用overflow: hidden将其包装在另一个div中。

答案 1 :(得分:0)

或者你可以通过给你的分页结构保留底部来解决它。

http://jsfiddle.net/hYgQG/

答案 2 :(得分:0)

上面元素的float:left;是导致不应用边距的原因。 (在jsfiddle中,尝试移除浮动并查看会发生什么)

你似乎在两个div上都做clear:both,但这没有帮助。如果你需要在前面的元素上使用float,你需要在它们之间有一个额外的div,或者用额外的<div>包装其中一个。

希望有所帮助。

答案 3 :(得分:0)

float:left;删除.tab_container

答案 4 :(得分:0)

尝试在表格和页脚之间添加<p style="clear:both"/>