Heim >Web-Frontend >HTML-Tutorial >为什么我的div与父div之间有距离?_html/css_WEB-ITnose

为什么我的div与父div之间有距离?_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:09:221031Durchsuche


            

                

                    
  • 1.Select Room

  •                 
  • 2.Customer Info

  •                 
  • 3.Payment

  •                 

            

            

            


不明白红色的那两个div之间为什么会有一段空白距离?


回复讨论(解决方案)

里面的ul会有默认的margin和padding,设为0就没了。

里面的ul会有默认的margin和padding,设为0就没了。
原来这样呀,谢谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>   </head><body><div style='border:solid 1px blue;width:600px;float:right;'><div style="height:30px;width:600px;background-color:#626262;color:#ffffff;margin-top:0px;float:right; ">  <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></body></html>

这样吗?

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn