简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > CSS Tutorial > body text

Let's briefly talk about the role of negative margin values

高洛峰
Release： 2017-02-09 11:47:08
Original
1885 people have browsed it

We all use margin in CSS, but setting margin to a negative number may not be easy to handle. Negative margin values ​​are not a hack, and negative margin values ​​follow the document flow; if negative margin values ​​are used to move an element upward, then it is relevant Elements will also be displaced accordingly; negative margin values ​​are well compatible with various browsers.

1. There are two borders with different background colors. No matter which side increases, the other side also becomes higher

Lets briefly talk about the role of negative margin values

2. Implement adaptive

Lets briefly talk about the role of negative margin values

More briefly talk about negative margin values For articles related to its functions, please pay attention to the PHP Chinese website!

Related labels：
margin 负值
source：php.cn
Previous article：CSS3 combined with fontawesome font to achieve custom radio button check box effect Next article：Reasons and solutions for firefox margin-top failure
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to achieve smooth transition margin percentage when resizing window I want to set a percentage margin around the element that is 5% of the viewport width when...
From 2023-09-12 18:47:54
0
1
235
How can I reindex an array with negative integer key values ​​so that item 0,1,2,3,-1 is sorted to -1,0,1,2,3 and then renumbered to 0,1,2,3,4? Let's say I have this: $arr=[];$arr[0]='second';$arr[-1]='first'; How do I change it to $a...
From 2023-09-12 12:09:51
0
2
322
Ionic Angular HTTP POST request PHP I'm trying to use HttpClient in Angular to perform a basic POST request from my ionicAngul...
From 2023-09-08 23:12:06
0
1
367
Retrieve all data with specific information from pivot table using Eloquent I have a many to many relationship between users and courses with a pivot table Users_Cour...
From 2023-09-07 21:40:28
0
1
245
How to set y axis value in vertical bar chart using chart JS In this vertical bar chart, the y-axis has positive and negative values. I want to use pos...
From 2023-08-29 10:38:36
0
1
313
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！