position: %的意思

Dear 丶 2023-05-29 09:29 104阅读 0赞
  1. <html>
  2. <head>
  3. <meta charset = "utf-8"/>
  4. <title>你好</title>
  5. <style type = "text/css"> body{ } </style>
  6. </head>
  7. <body>
  8. <div style="width:500px; background:rgba(1,24,123); height: 500px; position:relative;"><!--父亲已经定位 -->
  9. <div style="width:250px; height: 250px; position:absolute; left:50%; top:50%; background:red;"></div><!--儿子的相对定位 50% 表示 父子左上顶点的差值 距离 父亲宽度的50%-->
  10. </div>
  11. </body>
  12. </html>

发表评论

表情:
评论列表 (有 0 条评论,104人围观)

还没有评论,来说两句吧...

相关阅读

    相关 css属性position

    css的属性position规定元素的定位类型,任何元素都可以定位,对于absolute和fixed定位的元素会生成一个块级框,而不论本身是什么类型。相对定位元素会相对于他在正

    相关 position取值

    static 是默认值。就是按正常的布局流从上到下从左到右布局,平常我们做网页时,没有指定 position,也就表示使用 static。 relative 没有脱离布局