Rumah > Artikel > hujung hadapan web > css left属性怎么用
css left属性怎么用
- 青灯夜游asal
- 2019-05-30 14:46:453167semak imbas
left属性是css的一个定位属性，用于指定元素的左边缘，定义了定位元素左外边距边界与其包含块左边界之间的偏移。如果 "position" 属性的值为 "static"，那么设置 "left" 属性不会产生任何效果。
css left属性怎么用？
left属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。
语法：
left: auto|%|length|inherit;
属性值：
● auto：默认值。通过浏览器计算左边缘的位置。
● %：设置以包含元素的百分比计的左边位置。可使用负值。
● length：使用 px、cm 等单位设置元素的左边位置。可使用负值。
● inherit：规定应该从父元素继承 left 属性的值。
注释：所有主流浏览器都支持 left 属性。任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
css left属性 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
img
{
position:absolute;
left:100px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
</body>
</html>效果图：
Atas ialah kandungan terperinci css left属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css border-left属性怎么用Artikel seterusnya：css border-bottom-style属性怎么用