Heim  >  Artikel  >  Web-Frontend  >  如何让ul的宽度为ul下的li的宽度之和_html/css_WEB-ITnose

如何让ul的宽度为ul下的li的宽度之和_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:47:312259Durchsuche

HTML:
 


                

                        
  • 首页

  •                     
  • 图片延时加载

  •                     
  • 分页

  •                     
  • 分享到

  •                     
  • 地址插件

  •                     
  • 商品样板

  •                     

                    

            


CSS:
#header { width: 1200px; height: 60px; margin: 0 auto; }
    #header ul.navbar { height: 60px; border-left: 1px solid #ccc;border-right: 1px solid #fff; }
        #header ul.navbar li { float: left; }
            #header ul.navbar li a { padding: 0 20px; height: 60px; border-right: 1px solid #ccc; border-left: 1px solid #fff; display: inline-block; line-height: 60px; font-size: 14px; color: #333; }


回复讨论(解决方案)

ul{float:left;}

ul{float:left;}

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