Home > Web Front-end > CSS Tutorial > Some tips about overflow attribute in css, introduction to overflow attribute

Some tips about overflow attribute in css, introduction to overflow attribute

青灯夜游
Release: 2018-09-08 18:44:44
Original
2865 people have browsed it

In this chapter, we will bring you some tips on the overflow attribute, which have certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

1: Overflow basic attributes

The basic overflow attributes are: visibel, hidden, scroll, auto, inherit, overflow-x and overflow-y

Set overflow-x and overflow-y to the same value, which is equivalent to overflow. If they are different, one of them is assigned visibel, auto, and the other is assigned visibel, auto, hidden. will be reset to auto.

                  Prerequisites for the function                           1. Non-display: inline level!

2. Dimensions of the corresponding orientation, width/height/max-width/max-height/absolute stretch

overflow: Visibel

#                                                                                                                                                                                                                   Under the IE7 browser, the more text there is, the larger the padding space on both sides of the button will be. Add css style overflow to all buttons: visible

2: overflow and scroll bar

Conditions for the scroll bar to appear

1.overflow: auto/overflow:scroll Some elements have their own scroll bars