欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

MDN混淆頂級酒店的概念

江奕云1年前7瀏覽0評論

.text {
  position: relative;
  top: 50%;
  left: 50%;
  }

<a class="text">Hello</a>

MDN鏈接到規范。

仔細看看百分比長度在此上下文中的含義:

插入是相對于相應軸中包含塊的大小的百分比(例如,左側或右側的寬度,頂部和底部的高度)。對于粘性定位的框,插入是相對于相關的scrollport的大小。允許負值。

包含塊的高度是自動的(默認),當自動計算百分比時,得到0。

什么的50%?答案是父元素的50%。但是默認情況下,父元素的高度只能容納其中的內容。如果您將父元素的高度設置為完全填充頁面的垂直高度,您將看到該元素向下移動到該高度的50%,如下所示:

html, body {
    height: 100%;
}

.text {
  position: relative;
  top: 50%;
  left: 50%;
  }

<a class="text">Hello</strong>