如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
CSS中常用于为html定位的几种定位方式
来源：互联网
2023-03-16 19:10:39 147
之前，网页的布局主要使用表格，使用表格布局有很不地方不太方便，后来的网页布局改成了使用div，通过对不同的div进行不同的定位来达到布局的最终目的。
工具/原料
- html
- css
方法/步骤
这里，我们可先创建一个HTML文件，在html文件中创建一个div用于演示效果。
接下来，我们在head内部定义一个style,用于写具体的CSS样式。
为div添加一个class属性
在CSS文件中创建一个具体的样式，如果我们使用的是class，那么在CSS中就是".class"，如果我们使用的是id属性，那么在CSS中就是“#id”
为div添加一个长度与宽度
为我们创建的DIV添加边框，添加边框的目的是为了我们可以观察到变化。
最后，在CSS中开始写定位。定位主要分三种，分别为：
position:absolute;这里是绝对定位。具体效果您设置了这个以后，您需要再设置一个left与top查看效果就会比较明显。
postion:relative;这个主要用于子标签在定位的时候，以它为参照点。您可以在这个div下嵌套一个div,设置为position：absolute，并设置left及top值后，查看效果，删除postion:relative后再查看效果
position:fixed，以浏览器作为操作点，这种效果您需要参加了div后，多添加一些h1>标签才会看得比较清楚其含义。
您可以分别设置这三个属性，分别刷新您的网页查看效果，这三种定位方式不同同时时候。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：html5线条背景动画 下一篇：javascript是干什么用的
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 438 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)