如何阻止元素移动

贝妮妮

只是一个简单的问题。我最近发现了css中百分比和位置的用法。但是,我在移动元素时遇到了一些麻烦。

我有两张图片,一张在屏幕的左侧,另一张在右侧。这两个图像均设置为相关位置。我要解决的问题是使图像保持在正确的位置,而不是移动以保持在窗口的框架中。我将如何使用百分比来实现这一目标?

的CSS

.left {
position:relative;
left:0%;
z-index:250;
}

.right {
position:relative;
right:100%;
z-index:250;
}

根据要求添加

/* -- page layout */
#wrapper {
position:relative;
width:auto;
height:auto;
margin:0;
padding:0;
z-index: 0;
}
#wrapper #head{
position:relative;
width:100%;
height:50px;
z-index:200;
margin:0;
margin:0;
}

笔记

这些图像放置在跨屏幕100%的aa div内。再次感谢!

贝妮妮
/* -- page layout */
#wrapper {
position:relative;
width:auto;
height:auto;
margin:0;
padding:0;
z-index: 0;

min-width: 1280px;
overflow:hidden;

}

这已经为我解决了!感谢你的帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何阻止python乌龟移动?

来自分类Dev

如何阻止Sprites PhysicsBody移动?

来自分类Dev

如何阻止动画div从移动的地方移动

来自分类Dev

如何移动svg元素?

来自分类Dev

float属性如何阻止元素?

来自分类Dev

如何阻止TextField对齐元素?

来自分类Dev

如何阻止 <li> 元素重叠?

来自分类Dev

如何阻止CodeMirror在键盘上移动光标?

来自分类Dev

缩小时如何阻止背景移动?

来自分类Dev

如何阻止我的网站标题移动?

来自分类Dev

如何阻止控制器移动鼠标?

来自分类Dev

滚动页面时如何阻止页脚移动?

来自分类Dev

如何阻止位置光随相机移动

来自分类Dev

如何阻止移动 CSS 被主 CSS 覆盖

来自分类Dev

当用户放大或缩小时,网站元素会乱成一团。我如何阻止他们移动?

来自分类Dev

如何从移动元素创建变量?

来自分类Dev

如何阻止元素内部链接上的click()

来自分类Dev

CSS,如何阻止元素被容器压缩

来自分类Dev

如何阻止HTML打印中断容器元素?

来自分类Dev

如何使用纯CSS阻止阴影效果移动?

来自分类Dev

如何阻止Eclipse在注释后移动行注释?

来自分类Dev

如何阻止JS函数在移动设备上运行?

来自分类Dev

如何使我的移动菜单栏“显示:无”“显示:阻止”

来自分类Dev

如何阻止Windows移动桌面图标?

来自分类Dev

如何在按下按钮时阻止JPanel内容移动?

来自分类Dev

如何阻止JS函数在移动设备上运行?

来自分类Dev

如何阻止文本框和按钮移动

来自分类Dev

如何禁用(阻止)移动网站的水平滑动?

来自分类Dev

如何阻止Foundation的.columns类添加破坏移动优化的填充?