position定位問題

時間 2019-12-06

標籤 position 定位問題欄目 CSS 简体版

原文原文鏈接

position屬性規定了元素的定位類型，默認爲static。
該屬性還能夠有下值：
absolute：生成絕對定位的元素，相對於 static 定位之外的第一個父元素進行定位。
fixed：生成絕對定位的元素，相對於瀏覽器窗口進行定位。
relative：生成相對定位的元素，相對於其正常位置進行定位。
inherit：規定應該從父元素繼承 position 屬性的值。web

  <style>
      
      body{
          height: 2000px  /*這裏將body的高度設置爲2000px是爲了區分absolute和fixed的差異*/
      }
      .test-div{
          position:fixed;
          left:50px;
          top:50px
      }
 
      .out-div{
          width: 300px;
          height: 300px;
          background: purple;  /*這裏定義個背景，讓咱們知道這個div在哪*/
          margin:50px 0px 0px 50px;
          position: relative
      }
      .in-div{
          position:absolute;
          left:50px;
          top:50px
      }
  </style>
  <body>
  <div class="test-div">Hello World</div>
  <div class="out-div">
      <div class="in-div">Hello World</div>
  </div>
    </body>

1. html中position定位問題
2. CSS position: absolute、relative定位問題詳解
3. html關於position定位問題
4. css定位position
5. CSS Position（定位）
6. css-定位（position）
7. CSS3 定位| Position
8. Position定位
9. position定位
10. CSS定位(position)
更多相關文章...
• Markdown 標題 - Markdown 教程
• jQuery Mobile 主題 - jQuery Mobile 教程
• PHP Ajax 跨域問題最佳解決方案
• IntelliJ IDEA中SpringBoot properties文件不能自動提示問題解決

相關標籤/搜索