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

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

  • 2

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

  • 3

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

  • 4

    在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中心结果。

    • 发表于 2019-09-17 23:12
    • 阅读 ( 1111 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具