Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of how to define the box height in css3, the content is detailed and easy to understand, the operation is simple and fast, and it has a certain reference value. I believe you will gain something after reading this css3 article on how to define the box height. Let's take a look at it.

Css3 defines the attributes of the box height: 1, the height attribute, which can set the height of the element box; 2, the max-height attribute, which can set the maximum height of the element box; and 3, the min-height attribute, which can set the minimum height of the element box.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

The layout of the box

Think of the elements in HTML as a rectangular box (a container for content), each consisting of element content, padding, border, and margin.

The property in css3 that defines the height of the box:

Height attribute

Max-height attribute

Min-height attribute

Height attribute

The height property sets the height of the element box

The height and width of p {background-color: # FFC0CB;} p.ex {height:100px; width:100px;} is 100px.

This is some of the text in the paragraph. This is some of the text in the paragraph. This is some of the text in the paragraph. This is some of the text in the paragraph. This is some of the text in the paragraph. This is some of the text in the paragraph.

Max-height attribute

The max-height property sets the maximum height of the element box

P {max-height: 50px; background-color: yellow;}

The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px. The maximum height of this section is set to 50 px.

Min-height attribute

The min-height property sets the minimum height of the element box

P {min-height: 100px; background-color: yellow;}

The minimum height of this section is set to 100 px.

This is the end of the article on "how to define box height in css3". Thank you for reading! I believe you all have a certain understanding of "how to define box height in css3". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.