代码之家  ›  专栏  ›  技术社区  ›  DaveDev

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

  •  0
  • DaveDev  · 技术社区  · 14 年前

    我很难在页面上的两个元素之间设置边距。

    这里描述了一个示例: http://jsfiddle.net/fHC9Y/1/

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

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

    有人知道这可能是什么吗?

    5 回复  |  直到 7 年前
        1
  •  4
  •   kapa    7 年前

    div#Tab 是向左浮动的,这就是为什么你会有这种行为。

    尝试用另一个分区包装它 overflow: hidden .

        2
  •  0
  •   Ole Melhus    14 年前

    或者,您可以通过给页面结构底部留出空间来解决这个问题。

    http://jsfiddle.net/hYgQG/

        3
  •  0
  •   Spudley Pat    14 年前

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

    你好像在做 clear:both 在两个沙发上,但这没有帮助。如果需要前一个元素上的浮点,则需要在它们之间有一个额外的DIV,或者用一个额外的DIV包装其中的一个。 <div> .

    希望有帮助。

        4
  •  0
  •   kikito    14 年前

    去除 float:left; .tab_container .

        5
  •  0
  •   Teja Kantamneni    14 年前

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