使用JQUERY进行后台页面布局控制DIV实现左右式
<script type="text/javascript">
//根据浏览器大小调整左右布局的大小
$(window).ready(function(){
var wheight=$(window).height();
var wwidth=$(window).width();
$(".div_admin_left").css("height",(wheight-40));
$(".div_admin_right").css("height",(wheight-40));
$(".div_admin_right").css("width",(wwidth-285)+'px');
});
$(window).resize(function(){
var wheight=$(window).height();
var wwidth=$(window).width();
$(".div_admin_left").css("height",(wheight-40));
$(".div_admin_right").css("height",(wheight-40));
$(".div_admin_right").css("width",(wwidth-285)+'px');
});
</script>
此处作者进行了左边固定,右边随浏览器变化而变化的方式,同时还实现了随浏览器的变大而变大,缩小也相对应成比例缩小的代码,仅供参考。
您可能感兴趣的文章:
使用JQUERY进行后台页面布局控制DIV实现左右式
CSS floats来创建三栏网页布局的方法
css div布局的优点及css的好处
CSS基本布局16例
如何掌握CSS布局
CSS实现避免页面布局被大尺寸图片和长字符串破坏
前端DIV CSS命名规范大全
经验分享:CSS组合CLASS来完成网页布局风格
jQuery实现等比例缩放大图片让大图片自适应页面布局
DIV CSS网页布局对SEO优化有哪些影响