Question

DIV+css的疑问

本人新学DIV+CSS，在练习中遇到一个问题。请大家指教一下。

我建了个模板页，模板页中的div设置高度为800px，但是把该div设置为可编辑区域后，其高度在dw中显示为“高度800px（784px）”，经过尝试，我发现实际高度就是784px。如果在该div中再插入div，后插入的div的高度就不能大于784px，否则就会溢出，导致在dw中下面部分div的排版弄乱，但是在浏览器中运行实际下面部分没混乱。dw为什么会造成这样的情况，有什么办法解决吗？

Answer 1

Dreamweaver是adobe公司的页面开发工具，它与浏览器不同，虽然都是针对HTML标签的渲染，但是内核不同，表现效果也不同，这个是没有办法解决的，所以在开发中要要以浏览器中展现的效果为准。并且不同的浏览器表现的效果也不一样，可以参照一个浏览器（ie或者ff）来测试你的页面展现效果。HTML中的标签使用了盒子模型，div标签高度包含好几层，具体可以在w3cschool上查一下

Answer 2

新学的话，建议：

1，在代码模式下编写，Dreamweaver的所见即所得模式下可以无需理会。

2，以浏览器为准。特别是以firefox为准。一般来说，firefox中显示的效果是正确的。目前的主流浏览器中，它是最接近于w3c发布的css标准的。然后在firefox中显示正确以后，如果其他浏览器还有问题，就解决其他浏览器的。
目前，你开发的网页只要能在firefox,ie6,ie7中正常浏览，就能保证至少%98的用户可以在你的站点看到你预期的效果。

Answer 3

你这个问题我觉得是table的问题，在dw中，你没有设置他的外边距和内边距，默认在各个浏览器中都是有外边距和内边距的，建议你加这个代码看看。

*{margin:0px;padding:0px;}

Answer 4

那是当然的，dw只是个编辑的软件，真正看的是在浏览器上看，你这个问题典型的浏览器兼容问题。
这个你可以设置溢出属性将其隐藏
overflow：hidden

Answer 5

可以给 最外层的DIv 给一个 overflow: hidden; 属性。 如果里层的超过外层的宽或者高 就会自动隐藏