css如何控制一个div在另一个div中间 _小知识

新建一个html文件，定名为test.html，用于讲解css若何节制一个div在另一个div中心。

文章插图

2在test.html文件内，利用css对div进行初始化，设置其表里边距都为0，并让div浮动标的目的左。

文章插图

3在test.html文件内，建立一个div，并设置其class属性为xx，用于下面界说其css样式。

文章插图

4【css如何控制一个div在另一个div中间】在test.html文件内，利用css设置类名为xx的div样式，设置其宽度、高度都为300px，布景颜色为红色。

文章插图

5在test.html文件内，在上面div的内部，再建立一个div，并设置其类名为ss 。

文章插图

6在test.html文件内，利用css设置类名为ss的div样式，设置其高宽为100px，布景颜色为白色，上边距为100px，左边距为100px 。
注：
上边距=（外层div总的高度-内部div的高度）/2

左边距=（外层div总的宽度-内部div的宽度）/2

文章插图

7在浏览器打开test.html文件，查看实现的结果，当作功实现一个div在另一个div中心结果。

文章插图

以上内容就是css如何控制一个div在另一个div中间的内容啦，希望对你有所帮助哦！

css如何控制一个div在另一个div中间