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

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

WBOY
Freigeben: 2016-06-24 11:47:31
Original
2292 Leute haben es durchsucht

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;}

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage