<!DOCTYPE html>
<html lange="en"> <!-- 设置语音 -->
<head>
<meta charset="UFT-8"> <!-- 设置编码格式 -->
<title>Title</title>
</head>
<!-- position relative与absolute 组合使用 使子元素的位置相对于父元素的位置固定 border:1px solid red 边框大小以及颜色 margin:0 auto; 使div居中-->
<body>
<div style="position:relative; width:500px; height:200px; border:1px solid red; margin:0 auto;">
<div style="position:absolute;left:0;bottom:0; width:50px;height:50px; background-color:black;"></div>
</div>
</body>
</html>
