需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<body>标签中,输入html代码:。
<div style="border: 1px solid blue;position:relative;width: 200px;height: 80px;">
<div style="border: 1px solid blue;top: 19px;left: 49px;position:absolute;width: 100px;height: 40px;"></div>
</div>
3、浏览器运行index.html页面,此时一个盒子放在了另一个盒子的正中央。
绝对居中方法,让一个子标签水平垂直居中在父标签的中央,如果你知道子标签的宽度和高度,可以使用这类方法:
<html>