css怎么调整div的位置

html-css07

css怎么调整div的位置,第1张

可以使用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”属性保存。