<分区>
<分区>
我在使用媒体查询设置绝对元素样式时遇到问题。现在我有一个位于屏幕左上角的框。但是,当屏幕尺寸低于 768px
时,我希望此框固定在右上角。这是我的代码:
HTML
<div></div>
CSS
div {
position: absolute;
left: 0;
top: 0;
height: 200px;
width: 200px;
background: red;
}
@media (max-width: 768px) {
div {
right: 0;
}
}
这是我的笔的链接:https://codepen.io/Hudson_Taylor11/pen/ZeNXwz
谢谢!
最佳答案
试试这个:
@media (max-width: 768px) {
div {
right: 0;
left: auto;
}
}
关于html - 媒体查询的绝对定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43258373/