css怎么实现浏览器窗口改变大小后样式还是居中

html-css014

css怎么实现浏览器窗口改变大小后样式还是居中,第1张

其实对于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的宽度