请教:定位问题 【想到了笨办法,希望有更好的办法】
时间:2011-03-09
来源:互联网
我希望实现这样的效果:
以屏幕竖直中心线 偏右 100px 处为界,左侧一个div充满整个左边屏幕,右侧一个div充满整个右边屏幕, 无论用户屏幕分辨率是多少,这条分界线始终在中心线偏右100px处
试验了一天也没成功,来请教一下前辈,这种效果怎么实现?
[ 本帖最后由 wslight 于 2011-3-9 21:47 编辑 ]
作者: wslight 发布时间: 2011-03-09
想到了一个比较笨的办法:
在最底层用两个div,宽度均为50%,绝对定位,高度100%,z-index -99,分别填充需要的颜色,这样就能保证屏幕被填满
然后在此之上放置需要的内容,宽度固定,这样就可以保证偏移量与屏幕分辨率无关了,3和4也要绝对定位,高度100%
不知各位还有没有更好的办法
在最底层用两个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 编辑 ]
我懒试。
你有一个长度为3000px 高度1px 的红色图片
写在body里面人后repeat-y 位置是-50%(没这么写过不知道行不行)
然后背景颜色用灰色。
不然图片是双色,左灰右红 背景还是repeat-y 位置是center top
应该没问题。
[ 本帖最后由 leilay 于 2011-3-9 22:41 编辑 ]
作者: leilay 发布时间: 2011-03-09
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28