css中的流体布局是指当网页缩小或放大时，网页布局会随着浏览器的大小而改变。流体布局的优势是如果用户的窗口很小，页面就会收缩以适应窗口，而不必横向滚动。

流体布局：

简单来说就是网页缩小和放大时网页布局会随着浏览器的大小而改变！

优势：

页面会伸展到整个浏览器窗口，所以即使在大屏幕上，页面的周围 也没有空白；

如果用户的窗口很小，页面就会收缩以适应窗口，而不必横向滚动；

即使用户设置的字体比设计人预设的更大，这种设计也可以适应（因为页面可以伸展）。

劣势：

如果不对页面各个部分的宽度加以控制，那么页面设计会和预期的效果大相径庭，例如某些项目或元素挤压到一起，其周围出现意想不到的空隙；

如果用户的窗口非常宽，文本行就会很长，以至于难以阅读；

如果用户的窗口非常窄，单词可能会被挤压，导致每行只有几个单词；

如果一个固定宽度的元素位于一个不能容纳它的盒子里，那么这个元素就会溢出盒子。

举例：

下面的代码演示了流体布局，关键技术是设置宽度单位为百分比。

    
        
        
    
    
        
软件开发，成就梦想
        
学编程，上利永贞网
        

            
Logo
            

                

                    
首页
                    
产品
                    
服务
                    
关于我们
                    
联系我们
                
            
        
        

            

                
功能
            
            

                
第一列
            
            

                
第二列
            
            

                
第三列
            
        
        

            
© Copyright 2019