CSS layout-Overflow

Source: Internet
Author: User

The overflow attribute defines the display mode of child elements when the child element exceeded the element containing it. If there is too much content, the overflow attribute shows whether the content is displayed and how it is displayed.

The overflow attribute has four possible values:

  • Visible: the content is not cut and displayed outside the element;
  • Hidden: The content is cut, but the browser does not display the scroll bar, and the remaining content cannot be seen;
  • Scroll: the browser displays the scroll bar even if there is enough space to display all the content;
  • Auto: if there is too much content, the browser will display a scroll bar to view the remaining content;

Next, let's take a look at the effects of each value:

Overflow: auto; Overflow: hidden; Overflow: visible; Overflow: Scroll;
All frame models are positioned based on the normal element stream in the document at the beginning, and the position attribute allows us to change these natural positions. All frame models are positioned based on the normal element stream in the document at the beginning, and the position attribute allows us to change these natural positions. All frame models are positioned based on the normal element stream in the document at the beginning, and the position attribute allows us to change these natural positions. All frame models are located based on normal element streams in the document.

 

This is basically the content of the layout. There are some advanced features that need to be learned, accumulated, and used by everyone!

Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.