这是窗口缩小的时候
这是窗口大化的时候。
刷新又恢复了。
边栏的位置估计是js控制的吧。解决方法的话。如果用js解决 ,就如anhuiheliang所说的用window.onresize事件来控制。使用css控制的话。可以用个div把所有内容包裹起来,设置这个div的position:relative.宽度设置成你内容的宽度,最后设置居中。追问
你这个定位我也试了。没有效果。 那个JS的效果没有试过。因为个人对JS不熟悉。请问还有什么方法嘛?谢谢!
追答没有具体的代码,我不太好解决.你最好是贴出代码。或者发到我邮箱caizb87@gmail.com
温馨提示:答案为网友推荐,仅供参考
第1个回答 2012-12-06
看着就是用定位的0.0 ,这布局很简单干嘛那么麻烦,多去看看布局的书
<body>
<style>
body{
margin:0 ;
padding:0;
font-family:"微软雅黑",Arial, Helvetica, sans-serif;
text-align:center;
}
#header, #footer{
width:1000px;
height:100px;
margin:0 auto;
border:1px solid #000;
line-height:100px;
}
#article{
width:1002px;
min-height:300px;
margin:3px auto 0;
}
#article_l{
float:left;
width:202px;
height:300px;
border:1px solid #F00;
line-height:300px;
}
#article_r{
float:right;
width:792px;
height:600px;
border:1px solid #00F;
line-height:600px;
}
#footer{
margin-top:3px;
}
</style>
<div id="header">
header
</div>
<div id="article">
<div id="article_l">
nav_ul
</div>
<div id="article_r">
article
</div>
<div style="clear:both">
</div>
</div>
<div id="footer">
footer
</div>
</body>追问
<body>
<style>
body{
margin:0 ;
padding:0;
font-family:"微软雅黑",Arial, Helvetica, sans-serif;
text-align:center;
}
#header, #footer{
width:1000px;
height:100px;
margin:0 auto;
border:1px solid #000;
line-height:100px;
}
#article{
width:1002px;
min-height:300px;
margin:3px auto 0;
}
#article_l{
float:left;
width:202px;
height:300px;
border:1px solid #F00;
line-height:300px;
}
#article_r{
float:right;
width:792px;
height:600px;
border:1px solid #00F;
line-height:600px;
}
#footer{
margin-top:3px;
}
</style>
<div id="header">
header
</div>
<div id="article">
<div id="article_l">
nav_ul
</div>
<div id="article_r">
article
</div>
<div style="clear:both">
</div>
</div>
<div id="footer">
footer
</div>
</body>追问
谢谢。我是按照你这种布局的方式区别不大。
追答0.0 有区别就会有对比,把你的代码贴出来,一看就知道
本回答被网友采纳第2个回答 2012-12-06
这个页面的样式的宽度可能是通过JS来控制的,如果是你通过window.onresize事件来控制,窗口大小发生变化的时发生的事件。具体情况视代码而定。追问
好吧。我想说我不会这个JS 。程序员也不会。 呵呵。抱歉。还有的方法嘛?
追答那就修改页面的样式了,宽度不要固定,用宽度为100%就可以了。
第3个回答 2012-12-06
宽度什么的是不是用百分比了?追问
宽度是1000PX。前面也想到过宽度的问题。我改过没有任何的反映。
第4个回答 2012-12-06
你最好能贴个代码出来,才能准确点看看问题出在哪