<!DOCTYPE html>
CSS4-布局1-基本属性
属性：
display
visibility
float
clear
HTML元素类型：行内元素，块级元素
块级元素：最大的区别：换行
行内元素：不换号
<style>
div{background:#f00;width:200px;height:100px;}
span{background:#0f0;width:200px;height:100px;}
/*display*/
div{display:inline;} /*元素转为行内*/
span{display:block;}/*元素转为块级*/
div,span{display:inline-block;}/*元素转为行内块级综合，IE6/7不支持块级元素转化，不常用*/
div{display:none;} /*删除元素，不占位*/
/*visibility*/
div{visibility:hidden;} /*隐藏元素，占位，显示visible，隐藏hidden*/
/*float 浮动*/
h2,h3{float:left;} /*浮动：块级元素横排：left,right,none*/
h4{clear:both;} /*清除浮动*/
</style>
<div>为人民服务ddd</div>
<div>为人民服务ddd</div>
<span>为人民服务sss</span>
<span>为人民服务sss</span>
<h2>h22222222</h2>
<h3>h3333333</h3>
<h4>h44444444</h4>