在Firefox及IE8中出现同样的问题，IE7下不会出现该问题。
原因：Firefox及IE8中，在缩放网页显示比例小于100%时，对容器的border属性默认不做处理，仍为1px。这样两个div的最后总宽度仍大于外层宽度，自动溢出到下一行。
解决方法：
A：折中方法，将设置外层div的宽度稍微大些；或者在内层两个div之间多留些间距（不使用marging或paddding填充间距）。
B：在内外层容器之间添加中间层，见下文
解决案例B：
<style>
*{ margin:0; padding:0;}
#box{width:300px; height:200px; margin:0 auto;}
#a{width:150px; height:200px; float:left;}
#a1{width:148px; height:198px; background:#999; border:#F00 solid 1px;}
#b{width:150px; height:200px; float:left;}
#b1{width:148px; height:198px; background:#999; border:#F00 solid 1px;}
</style>
<div id="box">
<div id="a"><div id="a1"></div></div>
<div id="b"><div id="b1"></div></div>
</div>追问
中间层的意义是什么？
缩放比例到50%以前不错位，30%又错位了。没有别的方法了么？
他这个解决方案B里的中间层，仅做了浮动和大小限定，里面的是带样式的正文，这样做的话a、b层不含border，缩放不会出现错位，而里面的a1/b1不会影响中间层a、b的大小，就不会出现错位。
我觉得你这里的代码可以修改一下，用ul li包这几大个块，缩放我几乎没遇到过你的这个问题。：
举例：
asdfasdf
asdfasdf
asdfasdf
asdfasdf
asdfasdf
asdfasdf
asdfasdf
asdfasdf
style：
#cc li {
border:10px solid yellow;
width:200px;
height:100px;
float:left;
}
我觉得你的代码有问题，建议你帖出来让大家查查。
这3个框，外面要有个div框起来(如果没有就加一个)：
<div class="layout-center">
<div>策划_you_htmlcode</div>
<div>托管_you_htmlcode</div>
<div>优化_you_htmlcode</div>
</div>
然后给 .layout-center 这个 class 写一个样式：
让它宽度等于你网页最大宽度(蓝色那张图片宽度应该就是最宽)，也许是width=1004px。
然后你里面3个盒子的宽度+边框+外边距的尺寸总和加起来不超过上面的最大宽度，这个情况就不会出现了。
你可能还需要解决的其他问题：双倍浮动边bug、清除浮动；
具体代码自己动手慢慢解决吧，不会的网上找答案，不要问，尽量自己独立解决，这样你才学得快。追问
谢谢，我的策划、托管、优化三个框不是最大宽度，旁边还有个“新闻”， 前边三个框我加了大框了，缩放还是变形，是不是还要在外边加一个更大的把四个全部包括？
css+div定位,缩小浏览器的窗口,页面就乱了
要想缩小后出现滚动条，宽度就不能设为百分比（否则的话窗口缩小后它就按缩小后的窗口宽度来计算百分比了），而应该设为绝对值，比如通常都是设为990px的（如淘宝的详情页）。此外还可以把百分比与绝对值相结合来使用，比如：{width:90%; min-width:990px} 意思就是说：宽度按窗口的90%来算，但最...
html中加了很多层div,为什么网页缩小时各部分会错位
1，因为你的DIV的宽高是确定的值，所以你一缩小，自然你的浏览器宽度和高度就发生了变化，自然就会造成div的挤压，因为导致错位，就像代码中的一样：<div id='main'> <div class='a' style="width:1000px; flaot:left;">aaa<\/div> <div class='b'style="width:1200px; flaot:left;">bbb<...
为什么网页div浮动后,缩小时还是乱了呢,到底是哪里出错了?求帮忙_百 ...
一般浮动缩小变乱的原因是设置了边框，因为边框不会随着页面缩小而缩小，所以导致撑破元素。建议你如果用边框的话就别把宽度算太死。留个几像素的宽度来缓冲一下。
css\/div做的浮动网页 当左右浮动的时候怎么当浏览器的窗口缩小的时候浮...
你这个问题就是最外层的div宽度没有固定，不但是缩小的时候会出问题，如果是在比你现在用的显示器更大点的显示器的话，一样会乱掉，最好的办法就是在最外面在加一个div 然后给个固定的宽度 设置外边距上下为0，左右自适应。...哎，不跑的话还叫浮动网页么.. 想解决问题把东西打包发邮箱吧，顺...
DIV+CSS页面窗口缩放导致DIV框架变形变形,刷新可恢复, 求大侠帮忙解决...
边栏的位置估计是js控制的吧。解决方法的话。如果用js解决 ，就如anhuiheliang所说的用window.onresize事件来控制。使用css控制的话。可以用个div把所有内容包裹起来，设置这个div的position:relative.宽度设置成你内容的宽度，最后设置居中。
网页缩小的内容偏左css怎么解决
网站缩放产生是因为页面宽度无法容纳两个元素产生布局被撑破了。如下所示 方法：<div style="width:1000px; margin:auto;overflow:hidden; clear:both"> <!---overflow 属性有必要存在,超出范围隐藏---> <div style="width:600px; background:#f00; float:left;">分类浏览<\/div> <div style...
css\/div做的浮动网页 当左右浮动的时候怎么当浏览器的窗口缩小的时候浮...
<\/div> <div class="Div Mr">你的内容放这里 <\/div> <\/div> <div class="Div_Right">侧边栏<\/div> <dt class="DT_Bottom"><span>页脚<\/span><\/dt> <\/dd> <\/dl> <\/body> <\/html> 这个我做的，窗口缩小了，但是比例没变，就不会跑来跑去了 你自己看下吧 或许可以参照1...
css+div布局,浏览器缩小之后右边的div下去了
写这么多代码干嘛，你直接用一个大的div套住所有的小div，然后给大div设置一个宽度，那样的话 不管怎么改变浏览器的大小，大DIV里面的内容是不会跑下来的。
DW在使用css+div排版时,为什么有的div标签不在固定位置呢,网页放大后...
这个呀，那应该是定位的问题吧。是不是用的绝对定位（用DW的“层”也是一样的）了呢。这个应该也是比较好解决的，用一下“相对定位的绝对定位”就好了。也就是，把外层标签弄成“相对定位”。比如：<div> <div><\/div> <\/div> 如果里面的DIV是绝对定位的话，你把外面的那个DIV弄成相对定位就好了...
div+css布局错乱问题解决方法
<div id="foot">这里是放页尾的版权信息等的<\/div> <\/div> \/***css样式**\/ <style type="text\/css"> content{ width: 100%;background: aqua;overflow: auto;} left{ width:50%;float: left;height:250px;background: blue;} right{ width:50%;float: right;height:100px;background...
