我用DIV写的页面总是随着窗口缩放而变化，怎么才能固定。
<styletype="text/css">body{min-width:550px;}#head{background:tomato;}#container...
<style type="text/css">body{ min-width:550px;}#head{ background:tomato;}#container{ border:blue 1px solid; padding-left:200px; padding-right:150px; overflow:hidden;}#container .column{ position:relative;float:left;padding-bottom:20010px;margin-bottom: -20000px;}#contain{ width:100%; background:#eee; padding:10px 20px;}#left{ background:blue; right:240px; margin-left:-100%; width:180px; padding:0 10px;}#right{ background:green; margin-right:-190px; width:130px; padding:0 10px;}#footer{ background:tomato; clear:both;}#footer-wrapper{float:left; position:relative; width:100%;padding-bottom:10010px; margin-bottom:-10000px;}/****IE6 Fix****/*html #left{ left:150px;}</style></head><body><div id="head">#head</div><div id="container"> <div id="contain" class="column">#contain <div>1</div><div>2</div><div>3</div><div>4</div> </div> <div id="left" class="column">#left <div>1</div><div>2</div><div>3</div><div>4</div> </div> <div id="right" class="column">#right <div>1</div><div>2</div><div>3</div><div>4</div> </div></div><div id="footer-wrapper"> <div id="footer">#footer</div></div></body>
展开
5个回答
展开全部
你样式用百分百去做当然会随窗口的大小而变化啦，你把百分百改成固定值，比如：1000px，这样就是固定大小了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你的样式添加高宽，全部居中显示，那样就可以了，如果不懂可以问我QQ：172300875
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这代码和样式的写的有点那个啊，重新写过还好过改你的这些
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码如下：
<script src="../Jscript/jquery-1.4.1.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(window).resize(function() {
$("div").width(document.body.offsetWidth + "px");
$("div").height(document.body.clientHeight+ "px");
});
</script>
<script src="../Jscript/jquery-1.4.1.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(window).resize(function() {
$("div").width(document.body.offsetWidth + "px");
$("div").height(document.body.clientHeight+ "px");
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
style type="text/css">body{ min-width:550px;}#head{ background:tomato;}#container{ border:blue 1px solid; padding-left:200px; padding-right:150px; overflow:hidden;}#container .column{ position:relative;float:left;padding-bottom:20010px;margin-bottom: -20000px;}#contain{ width:100%; background:#eee; padding:10px 20px;}#left{ background:blue; right:240px; margin-left:-100%; width:180px; padding:0 10px;}#right{ background:green; margin-right:-190px; width:130px; padding:0 10px;}#footer{ background:tomato; clear:both;}#footer-wrapper{float:left; position:relative; width:100%;padding-bottom:10010px; margin-bottom:-10000px;}/****IE6 Fix****/*html #left{ left:150px;}</style></head><body><div id="head">#head</div><div id="container"> <div id="contain" class="column">#contain <div>1</div><div>2</div><div>3</div><div>4</div> </div> <div id="left" class="column">#left <div>1</div><div>2</div><div>3</div><div>4</div> </div> <div id="right" class="cqq83539664olumn">#right <div>1</div><div>2</div><div>3</div><div>4</div> </div></div><div id="footer-wrapper"> <div id="footer">#footer</div></div></body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
