调整浏览器大小时,DIV会转到另一行

时间:2010-02-16 20:53:31

标签: css html templates

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

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

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

我假设溢出属性?

3 个答案:

答案 0 :(得分:5)

这种情况正在发生,因为没有足够的水平空间让你的div并排显示。

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

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

答案 1 :(得分:2)

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

答案 2 :(得分:1)

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

Imho,固定宽度实际上只能与可扩展网站混合,如果它们与其父元素相比特别小,或者会偏离其他东西。