只是一个简单的问题。我最近发现了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] 删除。
我来说两句