Overflow: hidden trong navbar Css

buihan998 · October 6, 2018, 4:37pm

Ae nào biết ý nghĩa của overflow: hidden trong code là gì không??

*{
    box-sizing: border-box;
}

.topnav {
    overflow: hidden;
    background-color: #333;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}

<body>
<div class="topnav">
  <a href="#">Link</a>
  <a href="#">Link</a>
  <a href="#">Link</a>
</div>

</body>

anon12276517 · October 7, 2018, 1:51am

Nếu nội dung của class .topnav bị tràn khỏi màn hình thì sẽ ẩn nội dung đó đi.

Lần sau bạn Google trước khi hỏi nhé !