浮动布局

属性float
参数值

Float:none 不使用浮动
Float:left 靠左浮动
Float:right 靠右浮动
float:inherit 继承自父元素

属性clear

clear:left 左侧不循序出现浮动元素
clear:right 右侧不允许出现浮动元素
clear:both 两侧均不可以出现浮动元素
clear:none 默认值允许浮动元素出现在两侧
clear:inherit 从父元素继承clear属性的值

传统布局块级元素无论大小是多少都会单独占用一行,使用浮动布局可以解决块级元素无法并列排列的问题

使用浮动实现简单的页面布局
效果图:


float.png

代码:





    
    
    
    
    
    
    


    
    
菜单
内容

你可能感兴趣的:(浮动布局)