Css不适用于div元素
Css不适用于div元素
提问于 2018-06-22 04:35:45
我的css有这个问题，我试图让我的X按钮出现在div框架的右上角。问题是它并没有出现在任何地方。代码对我来说没问题。我想知道是什么导致了这个问题？有人能帮帮忙吗？请运行代码片段，您将看到按钮x根本没有出现！我为不必要的长html代码道歉。
.x {
position: absolute;
background: red;
color: white;
top: -10%;
right: -10%;
}<div class="divider"></div>
<div class="frame" onmouseover=""><button class="x">X</button><!--This button-->
<div class="section">
<h5>Only take into consideration of the x button</h5>
<center>
<div class="uploader" onclick="selectFile(this)"></div><input type="file" name="userprofile_picture" accept="image/*" onchange="handleImage(this)" /></center>
<div class="grid-container">
<div class="grid-item">
<p style="color:white">A) '+A+'</p>
</div>
<div class="grid-item">
<p style="color:white">B) '+C+'</p>
</div>
<div class="grid-item">
<p style="color:white">C) '+B+'</p>
</div>
<div class="grid-item">
<p style="color:white">D) '+D+'</p>
</div>
</div>
<div class="grid-container3">
<div class="grid-item"><span style="color:green;font-weight:bold">Answer: '+answer+'</span></div>
<div class="grid-item"></div>
<div class="grid-item"></div>
<div class="grid-item"><input class="timer" type="range" min="3" max="20" value="10" oninput="showValue(this)">
<h4>
<p>5 Minutes</p>
</h4>
</div>
</div>
</div>
</div><br>
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-22 04:39:16
你的价值观是错误的。由于负值的原因，您将其放置在框架的右上角和外部。试试这个：
.x {
position: absolute;
background: red;
color: white;
top: 10%;
right: 10%;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50977049
复制相关文章
相似问题
腾讯云开发者
