CSS定位分为哪几种？？HTML、CSS

最新推荐文章于 2024-03-04 09:25:34 发布
最新推荐文章于 2024-03-04 09:25:34 发布
阅读量254 收藏
点赞数
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39399966/article/details/112726500
版权

position定位

说我们相对定位前，我们先说一下我们使用HBuilder的一个技巧，我们创建一个分组为box的div的途径，如果我们要创建一个class名为box的div，我们可以这样敲div.box + tab。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jAN5GD4y-1587865901298)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/1.gif)]

要是3个或是更多个可以这样div.box$*3 + tab。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ayuHhsQ1-1587865901300)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/2.gif)]

好了我们现在说一个问题，我们创建了三个盒子，我们想这样改变盒子的位置：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H85Rp2G9-1587865901302)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/3.jpg)]

我们可以把这个动作分为两步。

  1. 将box2向右移动200px。
  2. 再将box2向下移动200px。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Pw5nsX3h-1587865901304)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/4.jpg)]

我们执行第一步给box2设置一个左外边距margin-left:200px。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tgTlLtv9-1587865901305)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/5.jpg)]

成功了，那我们继续第二步。给box2设置一个上外边距margin-top:200px。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YwUa7522-1587865901307)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/6.jpg)]

我们发现没能达到预期效果。。。那我们继续调整，我们将box3向上调整200px。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UE5IMbwx-1587865901309)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/7.jpg)]

好像可以了奥，但是好像很麻烦，我们只想调整box2的位置，却还要去调整box3，真麻烦。所以我们引出定位！！！

  • 我们说下什么是定位：
  • 定位指的就是将指定的元素摆放到页面的任意位置。
  • 通过定位可以任意的摆放元素。
  • 怎么设置定位呢？
  • 通过position属性！！

我们查看菜鸟教程的参考手册，查找可能的值：

值描述
absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
fixed生成固定定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。（固定定位也是决定定位的一种）
relative生成相对定位的元素，相对于其正常位置进行定位。因此，“left:20” 会向元素的 LEFT 位置添加 20 像素。
static默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
sticky粘性定位，该定位基于用户滚动的位置。它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。注意: Internet Explorer, Edge 15 及更早 IE 版本不支持 sticky 定位。 Safari 需要使用 -webkit- prefix (查看以下实例)。
inherit规定应该从父元素继承 position 属性的值。
initial设置该属性为默认值，详情查看 CSS initial 关键字。

relative相对定位

当元素的position设置为relative时，将元素设置为相对定位。特点：

  1. 当开启了元素的相对定位以后，而不设置偏移量，元素不会产生任何变化。
  2. 相对定位是相对与元素在文档流中员原来的位置进行定位。
  3. 相对定位的元素不会脱离文档流。
  4. 相对定位会使我们的元素提升一个层级。
  5. 相对定位不会改变元素的性质，块还是块，内联还是内联。（其实与第三点性质是一回事）

当开启了元素的定位（position属性值是一个非static的值）时，可以通过left、right、top、bottom四个属性来设置元素的偏移量。

  • left：元素相对与其定位位置左侧偏移量。
  • right：元素相对与其定位位置右侧偏移量。
  • top：元素相对与其定位位置上侧偏移量。
  • bottom：元素相对与其定位位置下侧偏移量。

现在我们看下使用相对定位来解决我们上面描述的问题。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jGdYozCV-1587865901310)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/8.jpg)]

第四个特点，会提升我们的元素的一个层级什么意思呢？我们来看一下：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fqB2JkLF-1587865901311)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/9.jpg)]

通常偏移量只需要使用两个就可以对一个元素进行定位。一般选择水平方向的一个偏移量和垂直方向的一个偏移量来为一个元素进行定位。

我们在设置相对定位的时候只需要想象一个平面坐标系。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sZHMvStu-1587865901312)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/10.jpg)]

absolute绝对定位

当position属性值设置为absolute时，则开启了元素的绝对定位。特点：

  1. 开启绝对定位会使元素脱离文档流。

  2. 开启绝对定位以后如果不设置偏移量，则元素的位置不会发生变化。（开启后不设置，浏览器会自动给元素添加默认的偏移量，就是当前位置）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v3NQci0I-1587865901313)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/10后.jpg)]

  1. 绝对定位是相对于离他最近的开启了定位的祖先元素进行定位的。如果所有的祖先元素都没有开启定位，则会相对于浏览器窗口进行定位。（一般情况，开启了子元素的绝对定位都会同时开启父元素的相对定位。）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-C7rHoDK1-1587865901314)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/11.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0CUbP4WB-1587865901315)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/12.jpg)]

  1. 绝对定位会使元素提升一个层级。
  2. 绝对定位会改变元素性质，内联元素变成块元素，块元素的宽度和高度默认都被内容撑开。

fixed固定定位

当元素的position属性设置为fixed时，则开启了元素的固定定位。固定定位也是一种绝对定位，它的大部分特点都和绝对定位一样。

不同的是：

  1. 固定定位永远都是相对于浏览器窗口定位的。
  2. 固定定位会固定在浏览器窗口的某个位置不会随滚动条滚动。eg：广告。（IE6不支持固定定位）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eLZjRV2i-1587865901316)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/13.gif)]

z-index层级问题

我们开启定位后会使元素提升一个层级。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3DaiZuX0-1587865901316)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/14.jpg)]

那如果将box1和box3也开启定位，提升到相同层级呢？

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IrjRsTI5-1587865901318)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/15.jpg)]

我们说，如果定位元素的层级是一样的，则结构上在下面的元素会盖住上面的元素。

那我们能不能再调整层级呢？？

可以的!!!

  • 通过z-index属性可以用来设置元素的层级。
  • 可以为z-index制定一个正整数作为值，该值将会作为当前元素的层级。
  • 层级越高，越优先显示。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GYg4Fu37-1587865901319)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/16.jpg)]

  • z-index对于没有开启position定位的元素没用。
  • 父元素的层级再高也不会盖住子元素。（可以理解为父爱比较伟大）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-S0RUtWIE-1587865901320)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/17.jpg)]

opacity设置元素的透明背景

opacity可以用来设置元素背景的透明，它需要一个0~1之间的值。

  • 0表示完全透明。
  • 1表示完全不透明。
  • 0.5表示半透明。
<span style="color:#000000"><code class="language-html"><span style="color:#61aeee"><!DOCTYPE html></span>
<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"><</span>html</span><span style="color:#999999">></span></span>
	<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"><</span>head</span><span style="color:#999999">></span></span>
		<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"><</span>meta</span> <span style="color:#d19a66">charset</span><span style="color:#669900"><span style="color:#999999">=</span><span style="color:#999999">"</span>UTF-8<span style="color:#999999">"</span></span><span style="color:#999999">></span></span>
		<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"><</span>title</span><span style="color:#999999">></span></span><span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"></</span>title</span><span style="color:#999999">></span></span>
		<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"><</span>style</span> <span style="color:#d19a66">type</span><span style="color:#669900"><span style="color:#999999">=</span><span style="color:#999999">"</span>text/css<span style="color:#999999">"</span></span><span style="color:#999999">></span></span>
			<span style="color:#669900">.box1</span><span style="color:#999999">{</span>
				<span style="color:#98c379">width</span><span style="color:#999999">:</span> 200px<span style="color:#999999">;</span>
				<span style="color:#98c379">height</span><span style="color:#999999">:</span> 200px<span style="color:#999999">;</span>
				<span style="color:#98c379">background-color</span><span style="color:#999999">:</span> red<span style="color:#999999">;</span>
				<span style="color:#5c6370">/*开启相对定位*/</span>
				<span style="color:#98c379">position</span><span style="color:#999999">:</span> relative<span style="color:#999999">;</span>
				<span style="color:#98c379">z-index</span><span style="color:#999999">:</span> 1<span style="color:#999999">;</span>
				<span style="color:#5c6370">/*设置半透明*/</span>
				<span style="color:#98c379">opacity</span><span style="color:#999999">:</span> 0.5<span style="color:#999999">;</span>
			<span style="color:#999999">}</span>
			<span style="color:#669900">.box2</span><span style="color:#999999">{</span>
				<span style="color:#98c379">width</span><span style="color:#999999">:</span> 200px<span style="color:#999999">;</span>
				<span style="color:#98c379">height</span><span style="color:#999999">:</span> 200px<span style="color:#999999">;</span>
				<span style="color:#98c379">background-color</span><span style="color:#999999">:</span> yellow<span style="color:#999999">;</span>
				<span style="color:#5c6370">/*开启绝对定位*/</span>
				<span style="color:#98c379">position</span><span style="color:#999999">:</span> absolute<span style="color:#999999">;</span>
				<span style="color:#5c6370">/*设置偏移量*/</span>
				<span style="color:#98c379">top</span><span style="color:#999999">:</span> 100px<span style="color:#999999">;</span>
				<span style="color:#98c379">left</span><span style="color:#999999">:</span> 100px<span style="color:#999999">;</span>
				<span style="color:#98c379">z-index</span><span style="color:#999999">:</span> 2<span style="color:#999999">;</span>
				<span style="color:#5c6370">/*设置半透明*/</span>
				<span style="color:#98c379">opacity</span><span style="color:#999999">:</span> 0.5<span style="color:#999999">;</span>
			<span style="color:#999999">}</span>
			<span style="color:#669900">.box3</span><span style="color:#999999">{</span>
				<span style="color:#98c379">width</span><span style="color:#999999">:</span> 200px<span style="color:#999999">;</span>
				<span style="color:#98c379">height</span><span style="color:#999999">:</span> 200px<span style="color:#999999">;</span>
				<span style="color:#98c379">background-color</span><span style="color:#999999">:</span> aqua<span style="color:#999999">;</span>
				<span style="color:#5c6370">/*开启绝对定位*/</span>
				<span style="color:#98c379">position</span><span style="color:#999999">:</span> absolute<span style="color:#999999">;</span>
				<span style="color:#98c379">left</span><span style="color:#999999">:</span> 200px<span style="color:#999999">;</span>
				<span style="color:#98c379">top</span><span style="color:#999999">:</span> 200px<span style="color:#999999">;</span>
				<span style="color:#98c379">z-index</span><span style="color:#999999">:</span> 3<span style="color:#999999">;</span>
				<span style="color:#5c6370">/*设置半透明*/</span>
				<span style="color:#98c379">opacity</span><span style="color:#999999">:</span> 0.5<span style="color:#999999">;</span>
			<span style="color:#999999">}</span>
		<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"></</span>style</span><span style="color:#999999">></span></span>
	<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"></</span>head</span><span style="color:#999999">></span></span>
	<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"><</span>body</span><span style="color:#999999">></span></span>
		<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"><</span>div</span> <span style="color:#d19a66">class</span><span style="color:#669900"><span style="color:#999999">=</span><span style="color:#999999">"</span>box1<span style="color:#999999">"</span></span><span style="color:#999999">></span></span><span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"></</span>div</span><span style="color:#999999">></span></span>
		<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"><</span>div</span> <span style="color:#d19a66">class</span><span style="color:#669900"><span style="color:#999999">=</span><span style="color:#999999">"</span>box2<span style="color:#999999">"</span></span><span style="color:#999999">></span></span><span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"></</span>div</span><span style="color:#999999">></span></span>
		<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"><</span>div</span> <span style="color:#d19a66">class</span><span style="color:#669900"><span style="color:#999999">=</span><span style="color:#999999">"</span>box3<span style="color:#999999">"</span></span><span style="color:#999999">></span></span><span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"></</span>div</span><span style="color:#999999">></span></span>
	<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"></</span>body</span><span style="color:#999999">></span></span>
<span style="color:#e06c75"><span style="color:#e06c75"><span style="color:#999999"></</span>html</span><span style="color:#999999">></span></span>

</code></span>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-V6rWn3rx-1587865901321)(/Users/mac/Desktop/MarkDown /HTML、CSS（九）/18.jpg)]

我么可以通过opacity来设置透明度，产生朦胧的感觉。

注意：opacity属性，在IE8及以下的浏览器不支持，需要使用如下属性代替filter:alpha(opacity=50);。

yshir-phper
关注
专栏目录
Web-前端html+css从入门到精通 231. CSS架构与文件组织.zip
05-23
在CSS文件组织方面，通常会采用以下几种策略： 1. **按功能分文件**：根据页面的功能或组件，将相关的CSS规则写入单独的文件，如header.css、footer.css、nav.css等。这种方式有助于保持代码的整洁，每个文件都有...
CSS中常用的几种定位方式
itHeima_Liu的博客
05-16 8057
CSS中常用的几种定位方式 第一类 float定位（即浮动定位）： 这种定位方式很简单，只需规定一个浮动的方向（如：float:left;就表示这个元素向左边摆放），它的定位是相对于父元素容器； 如果该元素设置了浮动，后面紧邻的则会受到浮动的影响，因此需要后面的元素若要不受影响，则要在后面清除浮动（可用clear:both;等方法），在两个相邻元素设置相同浮动的情况下，两元素将按顺序相
css的5种定位
qq_69444691的博客
05-07 158
设置方式为静态定位的盒子是标准流状态，用于取消定位。静态定位的盒子处于网页的最底层，并且top、left、bottom、right属性都不起作用。
HTML如何理解定位position？分别有几种定位？
qq_48109675的博客
08-30 3291
语法：position：absolute 特点： 脱离标准流 不区分块级、行内、行内块级元素 同一方向上的定位属性只能使用一个，right/left+top/bottom 忽略祖先元素的padding 参考点：若绝对定位的元素有祖先元素也是定位流（绝对定位、固定定位、相对定位）, 那么这个绝对定位的元素就会以该元素作为参考点，若有多个参考点，则就近原则。否则，都以body为参考点 ...
有哪些定位方式，各有什么区别。
degeigou0263的博客
01-02 2640
1.有哪些定位方式，分别有什么区别。 定位方式共有5种，分别是【静态定位static】,【相对定位relative】,【绝对定位abosolute】,【固定定位fixed】，【继承定位inherit】 静态定位static： 元素默认的位置，默认的定位方式就是static，这种定位方式只能用margin来改变位置，对left、top、z-index等设置值无效，这种定位不脱离文档流...
CSS五种定位方式详解
wshwsh_的博客
07-26 4960
position 属性规定应用于元素的定位方法的类型。
CSS教程之css选择器 、属性、值
10-30
在网页设计领域，CSS（Cascading Style Sheets）是一种用于定义HTML或XML（包括SVG、XHTML等）文档中元素外观、布局和结构的语言。本教程将深入探讨CSS选择器、属性以及值，帮助你更好地理解和应用CSS来美化你的网页...
前端常考面试题HTML+CSS
05-30
表示层由CSS（Cascading Style Sheets，层叠样式表）负责，用于设定页面的样式和布局，包括字体样式、颜色、背景、边距、定位等。行为层则主要由JavaScript来承担，它负责网页的动态效果、用户交互以及数据操作等。...
html+css.doc
11-03
- **CSS (Cascading Style Sheets)**：层叠样式表，是一种用来描述HTML文档外观和格式的语言。它主要用于控制页面布局、颜色、字体等视觉效果。 #### 二、HTML基础知识详解 ##### 1. HTML文档结构 HTML文档由以下...
css3 3d信封翻转效果.zip
11-16
这些元素可能包括两个相邻的div，分别代表信封的前后两面，并通过CSS定位来形成3D效果。 2. **CSS样式**：接下来，为这些HTML元素设置相应的CSS样式。这包括设置边框、背景颜色、大小和位置。同时，利用`transform`...
定位 的分类
小白girl
09-28 2649
定位的分类 ** 1. 静态定位(static) ** 就是网页所有的元素都默认都是静态定位，其实就是标准流的特点。在静态定位状态下，无法通过边偏移属性（top、bottom、left、right）来改变元素的位置。 静态定位唯一的用处就是取消定位。 2. 相对定位(relative) 注意 相对定位最重要的是，他可以通过边偏移量位置，但是原来的所占的位置，继续占有； 每次移动的位置，是以自己的左...
css样式元素的相对定位，绝对定位，固定定位等元素定位运用技巧详解
最新发布
景天科技苑
03-04 2614
在CSS中关于定位的内容是：position:relative | absolute | static | fixed。static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。在文本流中，任何一个元素都被文本流所限制了自身的位置，但是通过CSS我们依然使得这些元素可以改变自己的位置，我们可以通过float来让元素浮动，我们也可以通过margin来让元素产生位置移动。
Css的4种定位
m0_62648436的博客
04-02 3375
css定位
HTML中的几种定位方式
热门推荐
hejisan的专栏
09-12 3万+
1，static(默认) 当你没有为一个元素(例如div)指定定位方式时，默认为static，也就是按照文档的流式(flow)定位，将元素放到一个合适的地方。所以在不同的分辨率下，采用流式定位能很好的自适合，取得相对较好的布局效果。 一般来说，我们不需要指明当前元素的定位方式是static——因为这是默认的定位方式。除非你想覆盖从父元素继承来的定位系统。 left,top属性对s
定位
Botton's blog
07-15 495
为什么需要定位 1.某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子 2.当我们滚动窗口的时候，盒子是固定在屏幕某个位置的 以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。 所以： 1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。 2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。 定位组成 定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。 定位 = 定位模式 + 边偏移。 定
java和css什么区别是什么_干货 | CSS中的四种定位有什么区别？
weixin_34611130的博客
03-08 481
我们都知道，前端开发里面的CSS中常用的定位方式有普通定位，相对定位，绝对定位、固定定位定位这四种。但是很多零基础的前端小白都不知道这4种定位方式都有什么作用和区别，在使用的时候都很不灵活，要知道，想做好网页布局，这4个定位方式都是精髓呀，学好定位布局，前端开发轻轻松松！那么今天我们就来讲解一下CSS中这4种定位的作用和区别！帮助大家搞清楚这4种布局的妙用！一、普通定位(Static)在我们的...
几种常见的定位技术,GPS定位,北斗定位,基站定位,蓝牙定位,WIFI定位比较--新导智能
Xindoo2020的博客
06-19 6907
1.GPS定位: GPS定位是最常见的，它信号好、定位精度高、运用规模广，几乎一切需要定位的设备都会优先运用GPS定位。缺陷是，不能信号透过金属和钢筋水泥混合物，因而不能在室内如地下停车场、高桥下、密布的高楼下运用。并且GPS在初次发动定位时，搜星速度慢，大约需要2~3分钟，不过现在这个缺陷也得到很好的解决了，许多GPS定位的设备都有AGPS或EPO辅佐定位功用，协助在搜星时快速定位方位，一般只需要几秒就搞定了，有的乃至完成秒定定位了。 2.北斗定位: 北斗定位，众所周知，斗极是我国全力发展的..
定位的几种类型(position):
FightingY的博客
09-27 2122
1.static(静态):元素的默认值,没有定位,遵循正常的文档流对象 2.relative:相对定位,相对于元素原来的位置进行定位,相对定位原来的位置会被保留不会脱离文档流 不会影响后面元素的布局。 3.absolute:绝对定位,以最近一级的有定位的祖先元素为参考点进行定位（static除外）,开启绝对定位原来的位置不会被保留，会脱离文档流,会影响后面元素的布局。 4.fixed:固定定位,固定在浏览器可视区的某个位置 ...
CSS3层叠与布局详解：图标分类与定位属性
"position"属性是核心概念，它提供了几种定位方式，如"static"（默认值，元素按文档流排列）、"relative"（相对于其正常位置进行偏移）、"absolute"（脱离文档流，相对于最近的已定位祖先元素定位）以及"fixed"（相...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值