防止浮动的div包装到下一行

Question

这是我的网站,首先:

www.kaiserroof.com/test/index2.html

所以这是我的问题.您会注意到,在页面中间的分隔栏下方,有三列,一列带有表单,一列带有文本,一列带有链接.现在,将窗口调整为稍微小一些,右边的div将下拉到下一行.反正有没有显示那个？所以,他们的div会调整(我有一个液体布局)直到他们不适合的点,然后,而不是将div包装到下一行,它只是不会显示？

我希望这是有道理的.任何帮助将不胜感激.

Answer 1

您也可以只使用CSS实现.

只需将以下CSS属性分配给#row4:

#row4 {
    min-width:1202px; /* the exact value depends on the sum of the width of your 3 column boxes */
    overflow:hidden;
}

这与您的预期解决方案略有不同,因为在调整窗口大小时右侧框将保持部分可见,并且不会立即完全消失.

请注意,最小宽度在IE6中不起作用.但是,如果需要支持旧的IE,有几种方法可以模拟min-width属性:

http://www.thecssninja.com/xhtml/ie6-min-width-solutions