Get the App
SLTechnology News&Howtos  ›  Internet Technology  › 

How to use overflow overflow attribute in CSS

Shulou Source: shulou.com Published: 2022-05-31 13:19:39 09月24日 Update

This article mainly explains "how to use overflow attribute in CSS". The explanation content in this article is simple and clear, easy to learn and understand. Please follow the idea of Xiaobian to study and learn "how to use overflow attribute in CSS" together.

CSS overflow properties

definition and use

The overflow attribute specifies what happens when content overflows the element box.

description

This property defines how the contents of the overflow element content area will be handled. If the value is scroll, the user agent provides a scrolling mechanism whether or not it is needed. Therefore, it is possible that the scroll bar will appear even though everything can be dropped in the element box.

examples

Set overflow properties:

div { width:150px; height:150px; overflow:scroll; }

browser support

All major browsers support the overflow attribute.

Note: No version of Internet Explorer (including IE8) supports the attribute value "inherit."

possible values

Thank you for reading, the above is "how to use overflow property in CSS" content, after the study of this article, I believe we have a deeper understanding of how to use overflow property in CSS, the specific use of the situation also needs to be verified by practice. Here is, Xiaobian will push more articles related to knowledge points for everyone, welcome to pay attention!

Tags: Attributes content elements learning support browser browsing mainstream things examples that is ideas situations articles more mechanisms comments versions users knowledge Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Microsoft Huawei Docker Apple Shulou Information