思路:
在头部添加-宽度1000px的层作为左右漂浮层的参考层(position:relative),左右漂浮层(position:absolute)。
其中,左边漂浮层 left=- 自身的宽度 ,右边漂浮层right=- 自身的宽;
左右漂浮层top= 窗口高度- 漂浮层的高度 +滚动条距页面顶部的高度 (漂浮层贴浏览器底部浮动)
或 (窗口高度- 漂浮层的高度)/2 +滚动条距页面顶部的高度 (漂浮层贴浏览器中部浮动)
实例代码:
提示:你可以先修改部分代码再运行。
思路:
在头部添加-宽度1000px的层作为左右漂浮层的参考层(position:relative),左右漂浮层(position:absolute)。
其中,左边漂浮层 left=- 自身的宽度 ,右边漂浮层right=- 自身的宽;
左右漂浮层top= 窗口高度- 漂浮层的高度 +滚动条距页面顶部的高度 (漂浮层贴浏览器底部浮动)
或 (窗口高度- 漂浮层的高度)/2 +滚动条距页面顶部的高度 (漂浮层贴浏览器中部浮动)
实例代码:
提示:你可以先修改部分代码再运行。
1条评论( 网友:0 条,站长:1 条 ) 网友评论{有您的评论更精彩....}