我想达到下面所述的效果页面分两大块儿，①所指的div宽度固定，高度不固定，居中②所指的div要紧贴着①；并且不随着页面的滚动而滚动【或者说②处于浏览器窗口固定的位置】；我所不能解决的问题如果对②使用position：fixed，那么当浏览器窗口不固定的时候，如何才能让它紧贴着①；或者说②的left或right属性怎么取值？有想过浏览器窗口宽度发生变化时，用js去调整②的left或right取值。。。大家有什么技巧来实现这种效果吗
1 回答
阿波罗的战车
TA贡献1862条经验 获得超6个赞
<style type="text/css">
*{ margin:0; padding:0; } div{ width:1000px; height:auto; background:green; margin:0 auto; position:relative; } h1{ width:100%; height:200px; } p{ width:200px; height:200px; background:red; position:fixed; left:50%; top:50%; margin:-100px 0 0 500px; }</style></head><body><div>
<h1>1</h1>
<h1>2</h1>
<h1>3</h1>
<h1>1</h1>
<h1>2</h1>
<h1>3</h1>
<h1>1</h1>
<h1>2</h1>
<h1>3</h1>
<h1>1</h1>
<h1>2</h1>
<h1>3</h1></div><p></p>不知道你要是不是这样，如果你的整体宽度大于1366的话，可能你就要缩小中心的那个板块宽度，那么久需要用一点JS （还有就是fixed 兼容到IE7， 如果你要兼容到IE6就需要用js编辑右边的板块在保持在在右边了）
添加回答
举报
0/150
提交
取消