51问答网 > DIV+CSS布局后，在浏览器中打开是我要的效果，但在DW设计框中的显示却是乱七八糟的，怎么回事啊？

DIV+CSS布局后，在浏览器中打开是我要的效果，但在DW设计框中的显示却是乱七八糟的，怎么回事啊？

2024-12-22 23:53:07

推荐回答（4个）

回答1：

这个大概没什么好奇怪的了。网页是要在浏览器上看的，当然是要以浏览器的效果为准了。“DW设计框中的显示”毕竟不是你使用的浏览器，自然不会太一样了。如果你要把你说的这网页再用别的什么浏览器打开，说不定也不能正常显示的哟！！
而这个问题也是能解决的（多半是能的）。两个显示如果差异太大，就说明你设的某些CSS有些问题哟。比如说有如下代码：

<./div>
因为每个DIV中的P都有宽度和高度，但外层的DIV都没有这些，有的浏览器就有可能将这两个P在一行显示（只是有可能），而另一些浏览器就有可能把这两个P显示到两行上。
这就和你说的“在浏览器中打开是我要的效果，但在DW设计框中的显示却是乱七八糟的”是一个意思了。但是如果把那两个DIV的宽度设为900px; 高度也设为900px;如果不特意要求的话，所有的浏览器就都会把这两个DIV显示到两行了。
也就是说，如果你要让你说的问题解决，你就试试改些CSS呀、加些CSS呀或是减去些CSS之类，大概就能解决了。刚学时我也出过这个情况，当时觉得很奇怪，不过用刚说的那样试了试，问题很快就没有了。
我想大概先说这些了。不知道能不能帮上你什么！？

回答2：

DW在这方面并不完善，所以写代码的时候还是不要参考他的设计视窗比较好

回答3：

DW在这个方面不行，可以用IE的开发工具，更好的是火狐的Firebug.预览后按下F12，就可以打开开发工具，然后更改到你想要的效果。但是在浏览器的开发工具上改动是不会改变源代码的，你可以多实践实践。

回答4：

你该问adobe，dw他家出的

DIV+CSS布局后， 在浏览器中打开是我要的效果，但在DW设计框中的显示却是乱七八糟的，怎么回事啊？

DIV+CSS布局后，在浏览器中打开是我要的效果，但在DW设计框中的显示却是乱七八糟的，怎么回事啊？