如何让ul的宽度为ul下的li的宽度之和_html/css_WEB-ITnose
程序员文章站
2022-04-01 12:26:57
...
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; }
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;}
上一篇: photoshop中的图层蒙版是什么
下一篇: Python切片用法实例教程
推荐阅读
-
终于成为博客员的一员了,这是我的第一篇博文,写一个关于ul li内容宽度的问题和解决方案_html/css_WEB-ITnose
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
如何让ul li 的溢出内容的显示为....点点符号_html/css_WEB-ITnose
-
【请教】如何实现横向布局时图片A居中宽度固定,左右两侧由不同的图片B、C填充为背景_html/css_WEB-ITnose
-
如何让ul li 的溢出内容的显示为....点点符号_html/css_WEB-ITnose
-
终于成为博客员的一员了,这是我的第一篇博文,写一个关于ul li内容宽度的问题和解决方案_html/css_WEB-ITnose
-
ul li在火狐下的问题,快崩溃了。。。大神救命啊_html/css_WEB-ITnose
-
ul li在火狐下的问题,快崩溃了。。。大神救命啊_html/css_WEB-ITnose
-
在ie 7或ie 6里如何让超出td宽度的内容浮动显示在后面的td里_html/css_WEB-ITnose