+ -
当前位置:首页 → 问答吧 → 请教:定位问题 【想到了笨办法,希望有更好的办法】

请教:定位问题 【想到了笨办法,希望有更好的办法】

时间:2011-03-09

来源:互联网

qa.png (1.58 KB)
2011-3-9 20:18


我希望实现这样的效果:
  以屏幕竖直中心线  偏右 100px 处为界,左侧一个div充满整个左边屏幕,右侧一个div充满整个右边屏幕, 无论用户屏幕分辨率是多少,这条分界线始终在中心线偏右100px处

试验了一天也没成功,来请教一下前辈,这种效果怎么实现?

[ 本帖最后由 wslight 于 2011-3-9 21:47 编辑 ]

作者: wslight   发布时间: 2011-03-09

想到了一个比较笨的办法:

pa.png (4.74 KB)
2011-3-9 21:46


在最底层用两个div,宽度均为50%,绝对定位,高度100%,z-index -99,分别填充需要的颜色,这样就能保证屏幕被填满

然后在此之上放置需要的内容,宽度固定,这样就可以保证偏移量与屏幕分辨率无关了,3和4也要绝对定位,高度100%

不知各位还有没有更好的办法

作者: wslight   发布时间: 2011-03-09

背景直接写在body里面不知道行不行。
我懒试。
你有一个长度为3000px 高度1px 的红色图片
写在body里面人后repeat-y 位置是-50%(没这么写过不知道行不行)
然后背景颜色用灰色。

不然图片是双色,左灰右红 背景还是repeat-y 位置是center top
应该没问题。

[ 本帖最后由 leilay 于 2011-3-9 22:41 编辑 ]

作者: leilay   发布时间: 2011-03-09