gpt4 book ai didi

html - 即使 parent 是相对的,也不能定位绝对 Div

转载 作者:太空宇宙 更新时间:2023-11-03 21:02:00 25 4
gpt4 key购买 nike

出于某种原因,当我输入 id“enterGame”时,position: absolute div 消失了。即使我添加到 body 或 html 标签 position: relative 我仍然看不到 div。

相关代码:

html {
height: 100vh;
}

body {
background-image: linear-gradient(lightblue, pink);
margin: 0 auto;
}

* {
font-family: 'Oswald', sans-serif;
letter-spacing: 1vw;
}

h1 {
font-size: 5vw;
text-align: center;
margin: 0 auto;
cursor: default;
}

#enterGame {
height: 50vh;
background-color: white;
border-top: 5px solid black;
border-bottom: 5px solid black;
}
<body>
<h1>Tic Tac Toe</h1>
<div id="enterGame"></div>
<script src="script.js"></script>
</body>

最佳答案

一旦添加 position: absolute 它就会消失,因为它没有宽度。尝试设置 width: 100vw 它再次出现。

关于html - 即使 parent 是相对的,也不能定位绝对 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59427183/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com