我有 width: 100% 这对我来说非常必要。基于这个示例代码,有人可以帮我把橙色符号粘在任何键的顶部,即使我调整浏览器的大小也能保持它在那里吗?就像它已经在键盘上发生的那样……非常感谢!
演示
HTML
<!DOCTYPE html>
<html lang="en">
<hsrc="https://i.imgur.com/jc1rbcJ.gif">
</div>
</body>
</html>
</body>
</html>
CSS
.container {
position: relative;
width: 100%;
max-width: 100%;
}
.imageOne {
max-width: 100%;
}
.
最佳答案
width: 600px; max-width: 100%;
width: 100%; max-width: 600px;
父级为 1000px 宽 宽度表示元素应为 600px 宽。这并没有违反最大宽度规则,所以是 600px! 宽度表示元素应为 1000 像素宽。这违反了最大宽度规则,因此强制元素降低到 600px。 parent 是 320px 宽 宽度表示元素应为 600px 宽。这打破了最大宽度规则,即元素最多只能有 320px 宽,所以它是 320px! 宽度表示元素应为 320 像素宽。这并没有违反最大宽度规则,所以它是 320px!
关于css - 如何在使用最大宽度 :100% 调整大小后将 1 张图像粘在另一张图像上并将它们保持在一起,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55106368/