可以使用css中的position来对div进行定位来改变div的位置,position可能的值如下:
工具原料:编辑器、浏览器
1、通过设置一个div的position的值来调整div的位置,简单的代码示例如下:
body><div id="div2"></div>
<style>
div{
border: 1px solid red
width: 200px
height: 200px
position: absolute
right: 200px
bottom: 200px
}
</style>
</body>
2、设置一个宽高为200像素的div距body的右边200像素底部200像素,运行的效果如下图:
1、打开sublime text3,并且新建一个html文档和一个css文档。
2、把最基本的html框架写出来。
3、在html的head部分写上编码字符集并引入css文件。
4、在html的body里面写一个div,打上文字并设置一个class名。
5、在浏览器中打开,查看现在的效果。
6、我们直接在选择的div的class名里面加一个“margin: 0 auto”属性保存。