代码之家  ›  专栏  ›  技术社区  ›  Core Xii

具有未知宽度的CSS浮动不使用doctype换行空白

  •  0
  • Core Xii  · 技术社区  · 16 年前

    两个宽度未知的长划,向左浮动。其中一个页面的内容多于适合页面的内容,因此它将移动到第一个页面的下方(IE中除外):

    http://corexii.com/floatproblem/float.html

    添加显示:内联表;大表包装其内容(在浏览器中保持一致):

    http://corexii.com/floatproblem/table.html

    但是引入一个doctype(不仅仅是严格的doctype),它在firefox中不再存在:

    http://corexii.com/floatproblem/doctype.html

    如何让正确的DIV在跨浏览器使用doctype的同时包装其内容?

    3 回复  |  直到 13 年前
        1
  •  2
  •   Traingamer    16 年前

    我怎样才能把它包起来呢 在中使用doctype时的内容 同时,跨浏览器可靠?

    不定义宽度, 你不能 . 在这种情况下,我建议使用百分比宽度,但这取决于您。

    DIV的默认宽度是其容器的100% (在本例中是页面)。 第一个分区将以实际大小结束,除非您将页面的大小调整为小于其固有宽度。 在没有完整有效doctype的浏览器中,期望一致性是徒劳的。

        2
  •  1
  •   Jethro Larson    16 年前

    CSS不能像基于表的布局那样做任何事情。首先,动态宽度布局要复杂得多。对于98%的情况,无表布局仍然是可取的,但是如果您确实需要这种动态宽度布局,则可能需要使用表。

    不一致的宽度,如果没有仔细的比例,从美学的角度来看不是很好,所以你可能是在解决错误的问题。

        3
  •  0
  •   Calvin    16 年前

    你可以从包括 BODY 元素。

    traingamer向您解释了Firefox的行为,以及需要做什么才能获得您想要的结果。你可能会听他的,而不是去正切关于CSS是不可能创建布局与。

    不要把问题归咎于CSS 不遵守正确的Web规范。