Question

div+ul+li的奇怪问题

我用dw做页面的时候出现很奇怪的问题，就是我写好布局代码，在dw上面看到一个DIV中的Ul左边有一大块空白地带（下图红圈处），但是我运行网页后，这个空白又消失了。虽然结果没影响，不过我设计页面的时候感觉很不好。谁知道这是怎么回事么？是我的代码有问题，还是DW问题？
css代码：
body div{position:relative;z-index:1; table-layout:fixed;}
#div_sh_details{width:694px;float:left;padding:2px;}
#div_sh_details ul{list-style-type:none;margin:0px;}
#div_sh_details ul li{padding:2px;margin:3px 3px;height:80px;display:block;}

html代码：
<div id="div_sh_details">
<ul>
<li>
<span>
<a><img /></a>
</span>

</li>
</ul>
</div>

有没有高手知道怎么回事？
ul是有宽度的，上面给出的忘记改回来了。
#div_sh_details ul{width:690px;list-style-type:none;margin:0px;}

Answer 1

定义 ul{margin:0;paddingo;}
试试看··

dw编辑器的视图有得时候不一定完全准确（尤其是div布局）。、

祝你成功！

Answer 2

DW的编辑器只能参考，主要要看网页运行后的效果，我写网页的时候基本不看那里的，都是代码窗口和运行后的网页窗口。