CSS如何进行绝对定位

2024-01-17 15:53 小编
  绝对定位元素的位置与文档流无关,因此它不占据任何空间。当一个元素被设置为绝对定位时将会从文档流中完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块
 
  例:
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="UTF-8">
 
  <title>Document</title>
 
  <styletype="text/css">
 
  div{width:100px;
 
  height:100px;
 
  background-color:pink;
 
  }
 
  .child{
 
  position:absolute;
 
  background-color:skyblue;
 
  top:50px;
 
  left:50px;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <div>父元素
 
  <div>子元素</div>
 
  </div>
 
  </body>
 
  </html>


Tag: 如何
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码