防止漂浮从包装到下一行

Question

的div这里是我的地盘，首先：

www.kaiserroof.com/test/index2.html

因此，这里是我的问题。您会注意到，在页面中间的分隔栏下方，有三列，一列是表格，一个是文字，一个是链接。现在，将窗口调整为稍小一点，右边的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：

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

Answer 2

您必须使用Javascript来获取视口的宽度，然后更改包装显示的div的显示属性：none，以便在浏览器宽度太小时不显示它。

Answer 3

你可以给他们一个带有最小宽度集的包装div，并强制它使用水平滚动条，如果它太小。关于wrapper div的好处是你可以给它一个最大宽度，并防止在超级巨大的显示器上变得不可思议。

我不是横向滚动条的粉丝，但它完全消除了内容。

Answer 4

确定这里是你应该做的

总结三个浮动司父DIV，像这样

<div id="parent"> 
    <div class="form">......</div> 
    <div class="text">......</div> 
    <div class="links">.....</div> 
</div> 

我们解决您的问题给出一个固定高度的parent DIV像

#parent { height:400px;clear:both; }