Question

网页新手布局问题、望各位大大帮忙解答、感激不尽

我是用一个大的div包括各个小的div的、在dreamweaver上的预览是如图1（在谷歌、360也是如此）、但在IE就变成如图2 了、好郁闷





Answer 1

因为各个浏览器对CSS样式的解释有些差异，所以要想在所有的浏览器中都显示出相同的效果，最好是在html的开头加一个判断浏览器类型的，然后根据不同浏览器调用不同的CSS文件。
这是浏览器兼容的问题引起的，浏览器兼容的问题有多方面的原因，你检查你的代码吧，把浏览器兼容的弄好就可以了，或者你在网上搜一些浏览器兼容的文章或者CSS HACK方面的文章看一下做修改。如果用的是div+css是会存在浏览器兼容性的问题，他们的算法是不一样的，比如你的CSS中写代码的时候使用了margin的情况下，要使用display:inline;来控制它的兼容性，否则在这种情况下火狐的浏览器跟IE6的浏览器显示的结果是不一样子的，据我的经验，IE6是最容易出错的，好多一些东西都不兼容。

Answer 2

这样就是样式的问题了 首先找找每个小的DIV 有没有给他固定宽， 下面的文字 可以能是行高或者 padding;，margin的 问题 如果 你的IE浏览器是6的话 padding; margin有时候会是双倍的数值，你可以排查下，也可以用overflow:hidden;给每个DIV个超出隐藏， 实在不行定宽高 再overflow:hidden; 可以到w3school网站上看看案例和自己写的有什么差别。。 除了IE6外 其他浏览器 F12开发工具很好用 可以用来查看哪个样式有问题！
嗯 就怎么多了 希望对你有帮助！