需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<body>标签中,输入html代码:。
<div style="border: 1px solid blueposition:relativewidth: 200pxheight: 80px">
<div style="border: 1px solid bluetop: 19pxleft: 49pxposition:absolutewidth: 100pxheight: 40px"></div>
</div>
3、浏览器运行index.html页面,此时一个盒子放在了另一个盒子的正中央。
、首先新建一个html页面,然后在这个html代码页面创建一个<div>标签,同时给这个<div>添加一个class类为footer。2、然后设置footer类,把div固定在底部。创建<style>标签,在该标签内设置通过position: fixedbottom:0设置footer类样式,把div固定在底部。
css样式代码:
.footer{
height: 100px
width: 100%
background-color: #ddd
position: fixed
bottom: 0
}
3、保存html代码,然后使用浏览器打开即可看到不管如何放大缩小浏览器div都是固定在底部的。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)