css如何控制div的大小跟位置
- 原创
- |
- 浏览：4661
- |
- 更新：
- |
- 标签：CSS
![css如何控制div的大小跟位置]()
1![css如何控制div的大小跟位置]()
2![css如何控制div的大小跟位置]()
3![css如何控制div的大小跟位置]()
4![css如何控制div的大小跟位置]()
5![css如何控制div的大小跟位置]()
6
在制作html页面时，经常需要控制div的大小和位置，应该如何设置呢？下面小编举例讲解css如何控制div的大小跟位置。
方法/步骤
新建一个html文件，命名为test.html，用于讲解css如何控制div的大小跟位置。
![css如何控制div的大小跟位置]()
- 此文章未经授权抓取自百度经验
在test.html文件中，使用div创建一个模块，用于测试。
![css如何控制div的大小跟位置]()
在css样式表内，通过width属性设置div的宽度，height属性设置div的高度，例如，这里设置宽度为150px，高度为150px。
![css如何控制div的大小跟位置]()
在css样式表内，使用position设置div的位置为绝对定位，通过top属性和left属性设置div的位置。例如，这里设置div距离页面顶部边缘30px，距离页面左边缘为100px。
![css如何控制div的大小跟位置]()
在浏览器打开test.html文件，查看结果。
![css如何控制div的大小跟位置]()
END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部