CSS %单位的特点

藏色散人
Freigeben: 2021-01-21 09:56:58
Original
1705 Leute haben es durchsucht

CSS %单位的特点:1、百分比是一个相对长度单位,相对于父元素的尺寸;2、对于“position: absolute;”的元素是相对于已定位的父元素;3、对于“position: fixed;”的元素是相对于ViewPort。

CSS %单位的特点

本文操作环境:windows10系统、css3版,DELL G3电脑。

推荐:css视频教程

CSS %单位的特点是什么?

百分比是一个相对长度单位,相对于父元素的尺寸。

%的特点

百分比是相对于父元素的尺寸,这和em(相对于当前元素的字体尺寸)以及rem(相对于根元素的字体尺寸)都不同。

代码:

ad9aebb0c393e9dad53ca8a94df2ba0.png

结果图:

6670456318d95b42c1cbe2e096212d5.png

注:%单位一般宽泛的讲是相对于父元素,但是并不是十分准确。

1、对于普通定位元素就是我们理解的父元素

2、对于position: absolute;的元素是相对于已定位的父元素

3、对于position: fixed;的元素是相对于ViewPort(可视窗口)

Das obige ist der detaillierte Inhalt vonCSS %单位的特点. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!