以前没有好好去理解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>
时间： 2024-09-30 11:10:29