其实对于css浏览器窗口居中这个问题很好解决:
主要是设置:一个属性 margin:0 auto;
具体代码如下:
效果图:
窗口缩小后的效果图:
总结:#center{ margin:0 auto} 但是要浏览器窗口大小改变的话 也是居中的话 就得要用到js代码来实现了 resize() 窗口改变事件
function resize_window(){$("#left").height($(window).height()-100)
$("#right").height($(window).height()-100).width($(window).width()-201)
}
$(function () {
resize_window()
$(window).resize(function(){
resize_window()
})
})
这个是top的div是100px,width100%;left的height为window的高减去topdiv的高。
右边C的高和左边一样,宽的窗口的宽减去B的宽度