Jump to content

Nastusya

Members
 View Profile  See their activity

  • Posts

    2

  • Joined

  • Last visited

 Content Type 

Posts posted by Nastusya

    Why we use overflow: hidden; and why background-color don't work without it?

    in CSS

    Posted · Edited by Nastusya

    Hello.

    I don't understand, why ul element has a style overflow: hidden? And if I delete it, then background-color won't work, why? Could you tell please how does it work?

    Thank you in advance for your help.

    This example is from here:
    https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_menu 

    <head>
<style>
ul {
  list-style-type: none;
  overflow: hidden;
  background-color: #333333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  text-decoration: none;
}
</style>
</head>
<body>

<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>

</body>

     

×
×
  • Create New...