为什么我的div与父div之间有距离？
<div style="width:600px;float:right; border:solid 1px blue;">
<div style="height:30px;width:600px;background-color:#626262;color:#ffffff;top:0px;margin-top:0px;">
<ul id="steptips" style="list-style-type:none;">
<li class="horizontal" style="display:inline;margin:auto 10px;padding:auto 8px;color:red;">1.Select Room</li>
<li class="horizontal" style="display:inline;margin:auto 10px;padding:auto 8px;color:white;">2.Customer Info</li>
<li class="horizontal" style="display:inline;margin:auto 10px;padding:auto 8px;color:white;">3.Payment</li>
</ul>
</div>
<div style="width:600px;margin:auto;">
</div>
</div>
不明白红色的那两个div之间为什么会有一段空白距离？
[解决办法]
里面的ul会有默认的margin和padding，设为0就没了。
