示例效果：
1.主体内容的divMain 水平居中；
2.divLeft 靠近divMain ，位置固定，不随垂直滚动条而动；
相关代码：
<html><head runat="server"> <title>设置靠近主体内容的左侧固定位置的Div</title><style>#divLeft{ position:fixed;/* 固定位置 */ top:200px; border:solid 1px #ccc; width:150px; height:500px;} #divMain{ width:918px; height:2000px; border:solid 1px #ccc; margin:0 auto;/* 水平居中 */}</style></head><body onresize="setDivLeftPosition();" ><div id="divMain"></div><div id="divLeft"> 左侧固定位置</div></body></html><script type="text/javascript"> //动态调整左侧Div的位置 function setDivLeftPosition() { var divMain = document.getElementById("divMain"); document.getElementById("divLeft").style.left = (divMain.offsetLeft - 155) + "px"; } setDivLeftPosition(); // var top, left; // if (div.currentStyle) { left = div.currentStyle.left; top = div.currentStyle.top; } // else if (window.getComputedStyle) { left = window.getComputedStyle(div, null).left; top = window.getComputedStyle(div, null).top; } // alert(left + "," + top);</script>
Bagaimana untuk memasukkan gambar dalam css
Bagaimana untuk menyelesaikan 500 ralat pelayan dalaman
Bagaimana untuk menyelesaikan peranti usb yang tidak dikenali
WeChat Moments tidak boleh dimuat semula
Bagaimana untuk mengubah suai elemen.gaya
Bagaimana untuk mendapatkan data dalam html
Mengapa pencetak tidak mencetak?
Apakah perisian sistem
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
