How to make the width of ul equal to the sum of the widths of li under ul_html/css_WEB-ITnose

HTML:

=" /home/index">Homepage
                                                                                 li> < shareTo/index ">Share to
                                               

Product Sample

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




Reply to discussion (solution) ul{float:left;}

ul{float: left;}

Related labels：

如何让ul的宽度为ul下的li的宽度之和

source：php.cn

Previous article：Convert HTML to XHTML and clear some useless tags and attributes_html/css_WEB-ITnose Next article：CSS Summary (Part 1)_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author

• What is a NullPointerException, and how do I fix it?
  2024-10-22 09:46:29
• From Novice to Coder: Your Journey Begins with C Fundamentals
  2024-10-13 13:53:41
• Unlocking Web Development with PHP: A Beginner's Guide
  2024-10-12 12:15:51
• Demystifying C: A Clear and Simple Path for New Programmers
  2024-10-11 22:47:31
• Unlock Your Coding Potential: C Programming for Absolute Beginners
  2024-10-11 19:36:51
• Unleash Your Inner Programmer: C for Absolute Beginners
  2024-10-11 15:50:41
• Automate Your Life with C: Scripts and Tools for Beginners
  2024-10-11 15:07:41
• PHP Made Easy: Your First Steps in Web Development
  2024-10-11 14:21:21
• Build Anything with Python: A Beginner's Guide to Unleashing Your Creativity
  2024-10-11 12:59:11
• The Key to Coding: Unlocking the Power of Python for Beginners
  2024-10-11 12:17:31

Latest Issues

Rewritten title: Center a fixed HTML square or circle element horizontally and vertically when resized How to center a square or circle fixed html element of varying sizes horizontally and vert...

From 2024-04-04 12:31:51

0

1

322

Unexpected output from functions inside React components I imported two images (IMG and IMG2). The IMG assumes that it displays when the viewport w...

From 2024-04-03 00:17:44

0

1

285

How to check width property of CSS class selector? An example is .label{} Here is my comment on the css code, where I chose a width of 270 for the .label: If you in...

From 2024-04-01 17:45:11

0

1

338

flex css - clip element after certain height instead of wrapping The borders represent static height and width. I want item 5 and 6 to stay on the second r...

From 2024-04-01 14:02:02

0

1

396

Related Topics

More>

• transactionscope usage
• Detailed explanation of oracle substr function usage
• vue references js files
• jquery each
• How to read files and convert them into strings in java
• linux scheduled shutdown command
• div scroll bar
• How to implement color fonts in css