网页如何实现这种布局？
我想达到下面所述的效果
页面分两大块儿，①所指的
div宽度固定，高度不固定，居中②所指的
div要紧贴着①；并且不随着页面的滚动而滚动【或者说②处于浏览器窗口固定的位置】；
我所不能解决的问题
如果对②使用
position：fixed，那么当浏览器窗口不固定的时候，如何才能让它紧贴着①；
或者说②的left或right属性怎么取值？有想过浏览器窗口宽度发生变化时，用js去调整②的
left或right取值。。。
大家有什么技巧来实现这种效果吗
慕容708150浏览 449回答 1
1回答
-
阿波罗的战车
<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编辑右边的板块在保持在在右边了）
随时随地看视频慕课网APP
相关分类
JavaScript