DIV+CSS网页布局常用到浮动方案，但浮动并不像表格那样好用，很多时候会出问题。同时设计不够良好的浮动布局，在不同的浏览器下会有不同的表现，可能设计时照着常用的浏览器做好了，拿到其它浏览器里一看又乱掉了。
浮动布局在网页设计中是一种常见的方法，用于创建多列布局，使得内容能够并排显示。然而，浮动布局在实际应用中经常会遇到各种问题，尤其是在不同浏览器之间存在兼容性差异，如Firefox、IE7、IE8及IE6。这些问题通常与浏览器对CSS标准支持的不一致有关，导致布局在某些浏览器中表现异常。
针对两栏并列并显示分界线的情况，可以利用背景图片的`repeat-y`属性。例如，创建一个宽度为100px的背景图片，其中99px为白色，1px为黑色，将其设置为父级元素的背景，并重复显示在Y轴上，可以实现两列间的竖线效果。但在IE6中，由于不遵循W3C标准，可能导致列间距问题，需要调整父元素的宽度或者采用其他补救措施。
对于一列固定宽度，另一列自适应宽度的需求，可以通过巧妙使用`margin`属性来解决。例如，将左边列固定宽度并设置负的`margin-left`值，右边列设置`width:100%`，这样可以确保右边列根据浏览器窗口大小自适应宽度。同时，为了防止两列因宽度不足而换行，可以使用`min-width`属性设定父元素的最小宽度。
对于自适应高度的布局，通常情况下`height:100%`不起作用，这是因为CSS计算高度时需要从根元素（html）开始。因此，我们需要设置`html`和`body`的高度都为100%。然而，这还不足以解决问题，因为要让内容始终位于页面底部，还需要使用`margin`和`padding`。创建一个包含主要内容的`div`，设置其最小高度为100%，并在其后放置页脚`div`，通过负的`margin-top`值和对应的`padding-bottom`值，可以确保页脚始终在页面底部，同时避免内容被遮挡。
总结起来，处理浮动布局的问题需要对CSS有深入理解，尤其是如何解决浏览器兼容性问题。通过合理使用`float`、`margin`、`min-width`和`height`属性，以及背景图片技巧，可以构建出更稳定的跨浏览器浮动布局。此外，对于复杂的布局需求，可能还需要考虑使用`clearfix`类或者`display: flex`和`grid`等现代布局方式来替代传统的浮动布局，以实现更灵活和兼容的网页设计。
