在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何解釋：絕對定位脫離文檔流，依然撐出了滾動條？

如何解釋：絕對定位脫離文檔流，依然撐出了滾動條？

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style type="text/css">
    .parent {
      width: 50px;
      height: 50px;
      background: green;
      position: relative;
    }
    .absolute {
      width: 10000px;
      height: 10000px;
      background: pink;
      position: absolute;
    }
  </style>
</head>
<body>

  <div class="parent">
    <div class="absolute">
    </div>
  </div>
</body>
</html>
回答
編輯回答
萌小萌

你是相對與。parent定位的啊。parent的高度沒有absolute的大，所以就會撐起滾動條啊

2018年4月23日 13:46
編輯回答
選擇

你的 .parent 應(yīng)該設(shè)置一個 overflow: hidden ，超出的隱藏就好了

2018年8月24日 00:20
編輯回答
不二心

你設(shè)置的height超過了瀏覽器，不是會滾動條嗎？絕對定位不是覆蓋了父的嗎？

2017年4月29日 11:19
編輯回答
解夏

你說的滾動條并不是parent的滾動條，絕對定位造成高度塌陷以及inline-block化，應(yīng)該是根節(jié)點(diǎn)的滾動條，這點(diǎn)我也不太懂……

2018年8月22日 14:37
編輯回答
好難瘦

絕對定位元素相對于最近的非 static 祖先元素定位。
它脫離了這個祖先內(nèi)的文檔流 但脫離不了這個祖先 當(dāng)這個祖先overflow不是hidden的時候 它超出右下邊界就產(chǎn)生了滾動條

2017年6月10日 21:16
編輯回答
礙你眼

脫離文檔流之后因?yàn)槟銓bsolute設(shè)置的寬高已經(jīng)超過了瀏覽器的寬高，自然會出現(xiàn)滾動條了。 不然你把寬高設(shè)少點(diǎn)試試？

2017年1月31日 13:51
編輯回答
澐染

這個滾動條不是parent的滾動條，是瀏覽器的。脫離了文檔流，但是沒有脫離瀏覽器呢。

2017年8月8日 06:47