以前没有好好去理解DIV这个元素，布局老是乱布局，出了问题不知道是哪里的问题，现在再整理一下，重新认识这些元素。
1.div是块级元素，块级元素独占一行。
2.div的width这个属性，只是给div做一个显示的范围界限，你给他设置200px就只在边框里显示200px，而不是整个元素变成只有200，他实际上占得空间还是一整行。
<!doctype html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> .div1{ width: 200px; border: 1px solid #000; } </style> </head> <body> <div class="div1">我是一段文字，我只有两百像素</div> <span>我是旁边的span元素，我被挤 下来了</span> </body> </html>