Question

最外层DIV. width:950px; 然后嵌套一个大DIV. width:1160px; 然后大DIV里再嵌套一个DIV. width:850px;

IE游览器效果

谷歌游览器效果

FF游览器效果
灰色块是宽为1160px的DIV.紫色块是宽为850px的DIV.
为什么宽为1160px灰色DIV没溢出最外层宽为950px的DIV?
紫色块的宽度为什么在不同游览器里长度不一样呢? (求赐教,小弟才学不浅.)





Answer 1

1、你最外层宽950，2层1160，3层850，个人认为，你最外层比2层小那么多这常常就会引起不兼容，
建议你给最外层（950这层）一个 “overflow:hidden” 这样，2层就不会溢出，这样也不影响兼容问题，还有我想问你，你是不是给850的这层一个水平的margin，margin在IE下特别不兼容，所以尽量不要用margin,想解决问题，建议给850这层 “overflow:hidden”应该也可以解决，不过尽量避免用到margin。
2、如果上面没有解决，那么这种方法是快速解决的方法，如果你所有IE的任何版本都是显示比较宽，那么你就给一个“ *width=800px ” 【*(一个星号)，你应该会打吧】，这个星号起到只调节IE下的属性，所以不影响其他浏览器，如果800px宽了或者窄了，那么就靠你自己调试了，用FF的firebug应该很快就解决了，希望可以帮助楼主解决问题~！

Answer 2

第一个问题,大多数浏览器如果设置固定宽度的话,内层超出外层的宽度会被自动隐藏.
第二个问题,不同浏览器对边的宽度有不同的解释,有的占宽度,有的不占.至于你图上的差别那么多的原因,应该不是不同浏览器的差别(有差别也是几个像素的,不会差那么多.你那个图上按比例来说,大概有50像素的差距了).把你的css全贴出来看看.

Answer 3

浏览器的内核是不一样的，显示的就会有差距。你可以查找关于解决内核问题的代码

Answer 4

DSAFDSAF