【问题标题】:DIV goes to another line when resizing the browser调整浏览器大小时 DIV 转到另一行
【发布时间】:2010-02-16 20:53:30
【问题描述】:

我有一个主 div,在里面..我有 2 个 div,都左对齐。

由于某种原因(或属性),当我拖动我的 firefox 的右侧以使浏览器变小时,第二个 div 继续到第二行。

我希望这个 div 留在第一行,而不是跳下一行。 我该怎么做?

我假设溢出属性?

【问题讨论】:

    标签: css html templates


    【解决方案1】:

    这是因为没有足够的水平空间让您的 div 并排显示。

    如果两个内部 div 具有固定宽度,则需要确保外部 div 具有固定宽度。

    你有你在说什么的链接吗?

    【讨论】:

      【解决方案2】:

      我遇到了同样的问题,你可以用不同的方式解决它: 1.不要让第二个内部div(最右边的那个)“浮动” 2. 给两个内部 div 一个最小宽度,这样当浏览器尺寸变得太小时,第二个 div 无论如何都不适合,因此它不会“浮动”在另一个 对我来说,理解 float 属性的关键(假设我真的理解它...... ;))是理解将 div 设置为浮动而不给它任何宽度,将它的宽度“缩小”到内容而不是让它占据整个空间就像一面旗帜。然后,浮动意味着在给定宽度/高度约束和可用空间的情况下,它将尽最大努力“保持可见”。

      【讨论】:

      • 谢谢! «不要让第二个内部 div(最右边的)“浮动”»正是我需要的!
      【解决方案3】:

      它是浮动元素的一个属性(也是一个特别好的属性)。您应该能够通过指定 style="width:[NUM]%;" 而不是使用固定宽度来解决它。

      恕我直言,如果固定宽度相对于其父元素特别小,或者会移开其他东西,那么固定宽度实际上只能与可扩展站点混合使用。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-03-29
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2010-10-26
        相关资源
        最近更新 更多