Question

只是一个简单的问题。我最近在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;
}

注意

这些图像放置在一个div中，该div跨越100％的屏幕。再次感谢！

Answer 1

如果我正确关注您，请尝试

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

我建议改用float。

http://jsfiddle.net/beautifulcoder/HCjvK/

Answer 2

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

min-width: 1280px;
overflow:hidden;

}

这已经为我修好了！谢谢你的帮助！

如何阻止元素移动

2 个答案: