CSS浮动和清洗浮动1。Floating floatdiv和floating float一起做页面的布局，浮动是布局最常用的地方。 只有一个设置了floating float属性的标签将成为块级标签。 & lt！DOCTYPE html & gt& lthtml lang = " zh-CN " & gt；& lthead & gt& ltmeta charset="UTF-8 " >& lttitle & gt10浮动页面布局示例& ltstyle & gt* { margin:0px；填充:0px} .c1 {高度:1000px宽度:20%；背景色:深灰色；浮动:左；/*使用浮动属性将两个块级标记div1和div2水平推在一起。 如果两个标签可以放在一排，那么它们会一起浮动*/} . C2 { height:1000 px；宽度:80%；背景色:黑色；浮动:左；} & lt/style & gt；& lt/head & gt；& ltbody & gt& lt！-设置一个div在屏幕左侧占20%，一个div在屏幕右侧占80% > & lt；div class="c1 " >& lt/div & gt；& ltdiv class="c2 " >& lt/div & gt；& lt/body & gt；& lt/html & gt；2.clear floating属性(1)利用伪元素的clear floating属性来处理父标签崩溃的问题(父标签撑不住的问题)<！DOCTYPE html & gt& lthtml lang = " zh-CN " & gt；& lthead & gt& ltmeta charset="UTF-8 " >& lttitle & gt11清洁浮动示例