position 相关问题

位置是指元素相对于其容器的位置，通常在水平轴和垂直轴上。

所以我有一个div，它是一张卡片和其中的内容。我设法让它向上移动一点，但过渡属性似乎不起作用。这是 HTML 代码 <... 所以我有一个 div，它是一张卡片和其中的内容。我设法让它向上移动一点，但过渡属性似乎不起作用。这是 HTML 代码 <div class="card"> <p> Title </p> </div> 这是 CSS 代码 .card:hover { position: relative; top: -10px; transition: 1s; } 所以基本上有多个卡片，并且当鼠标悬停在 .card 类的每张卡片上时它都会向上移动，但它会瞬间移动，过渡不起作用。有谁知道如何修复它？祝你有美好的一天这是因为您仅在 position 代码块中指定了 transition 和 :hover，这意味着直到悬停已经发生之后才指定转换时间。换句话说，仅悬停时更改的项目（top值）应位于:hover中。在 position 块之外指定 transition 和 :hover，例如： .card { position: relative; transition: 1s } .card:hover { top: -10px; } 您可以使用transform: translateY 试试这个 body { display: flex; justify-content: center; align-items: center; height: 100vh; } .box { border: 1px solid black; width: 150px; height: 150px; cursor: pointer; transition: all .5s ease-in-out; } .box:hover { transform: translateY(-10px); } <div class="box"></div> 不用使用 top ，它需要一个位置属性将其移出流程，只需添加一个边距来替换元素： .card:hover { margin-top: -20px; margin-bottom: 20px; transition: 1s; } /* for visualization purpose only */ body { padding-top: 50px; } div { border: 2px solid black; display: flex; justify-content: center; align-items: center; height: 40vh; width: 10vw; } <div class="card">Card</div @Mohamad 的回答很正确，但如果您想要更流畅的动画和更短的动作，请尝试： .box { transition: all .3s ease-in-out; } .box:hover { transform: translateY(-5px); }

html css hover position card

回答 4 投票 0

如何增长一个div来填充其他两个div之间的空间？

我在页面顶部有一个 div (#top)，并在页面底部设置了一个具有绝对位置的 div (#bottom)。我在中间有一个 div (#middle) 和一个内部组件 (#middle-inner)。我愿意

html css position height

回答 1 投票 0

Flutter Geolocator.getCurrentPosition() 不返回任何内容

我使用 Geolocator 软件包已经有一段时间了，它运行良好，但在过去 2 天它不起作用。我正在尝试获取最后一个已知位置，如果没有，我会尝试获取当前位置

flutter localization position geolocator

回答 1 投票 0

在 R 中的维恩图上移动集合名称的位置

我正在使用 ggplot2 在 R 中创建维恩图。但是，我想将集合名称的标签（“OST 上的 ID”和“ITT 上的 IR”）从圆圈顶部移动到...

r label position venn-diagram

回答 1 投票 0

如何在ListView之外对齐滚动条？

所以，问题出在我的 RawScrollBar 上。将它放在 ListView 内没有问题，但我需要它位于所有容器之外。我可以像图片上那样把它放在外面，但看起来好像在那里......

flutter position scrollbar

回答 1 投票 0

在 ggplot (plotnine) 中使用position_dodge2 分组条形图列定位，以防丢失观察结果

我有一个分组条形图，有 2 组。如果在某种情况下，特定列没有观测值，则该组的另一列居中。我找不到办法规避这个问题。我想要...

python ggplot2 position bar-chart plotnine

回答 1 投票 0

编译错误gcc -lpthread位置

这部作品： gcc a.o b.o -o a -lpthread 这不起作用： gcc -lpthread a.o b.o -o a 并显示一些如下错误：对“pthread_create”的未定义引用所以当我使用

gcc compiler-errors linker position

回答 1 投票 0

将图例放置在构面的第一个图中

我想将我的情节图例放在情节内，在一个方面的第一个情节内。这是一些示例代码： df=数据.frame( x=runif(10), y=runif(10), 面=代表（c（“a”，“b”），5），颜色=代表（c（...

r position ggplot2 legend

回答 3 投票 0

尝试使其响应时背景颜色会缩小，我还想在调整大小时将我的项目居中，无法弄清楚

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400; 0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&

flexbox background position width

回答 1 投票 0

如何修复我的 HTML/CSS 代码，使其不与 PHPBB 论坛帖子中的帖子正文重叠

我只想用 HTML+CSS 发表帖子，顶部有四个选项卡，根据我单击的选项卡，我会在帖子中看到不同的内容。我确实有一个代码，但问题是我...

html css tabs position forum

回答 1 投票 0

使用CSS ::之前和定位在文本后对齐星号

我有一个文本元素。我无法修改该文本。因此，我将尝试通过 CSS:: 修改该文本，然后再使用 content:'test' 样式和position: 绝对样式。在文本元素之后...

html css css-selectors position pseudo-element

回答 1 投票 0

父级与子级重叠

我正在尝试创建一个浮动菜单。因此我希望父元素与其子元素重叠。我研究过，子项的 z-index 为 -1，父项的 z-index 应该有效。元素...

html css position z-index

回答 1 投票 0

根据awk中的位置过滤器打印列的子字符串

我有一个包含以下 3 列的文件 1 a1 abcd 1 2 B1 ACDB 3C1ABCD 我需要根据位置过滤器上的第 3 列的子字符串提取/打印行（2==“b”），因此输出应该...

awk filter substring position row

回答 1 投票 0

在 Flame Game Component Render() 覆盖中计算正确位置时出现问题

我有一个自定义火焰游戏 TextComponent，我想在渲染覆盖中绘制额外的内容。我使用 4 个不同的公式来计算位置，但每次尝试都是错误的。这些公式都没有

flutter position flame-game

回答 1 投票 0

UICollectionView 固定旋转后分页位置

我有一个 UICollectionView，其框架为 [UIScreen 主屏幕].bounds 和这些属性： _collectionView.pagingEnabled = YES; _collectionView.autoresizingMask = UIViewAutoresizingFlexibleW...

pagination uicollectionview rotation position offset

回答 2 投票 0

使物体移动到侧面响应正交相机三个js

我正在尝试找出在所有设备上确定模型位置（如果需要的话进行缩放）的最佳方法，而不仅仅依赖于匹配媒体。 Ofc 我不能使用 %，所以有什么内置的东西吗...

javascript three.js responsive-design position responsive

回答 1 投票 0

创建一个表示 3D 中新位置 (xyz) 的数组

通过使用Python：如果我们有一定数量的光子，假设有 100 个光子，它们在 3 维 (xyz) 中沿着 z 轴 w 垂直传播，在发射器和接收器之间传播 10 厘米的距离...

python arrays 3d position

回答 1 投票 0

根据xslt1.0中的节点值产生连续的数字

在下面的 XML 中，第一行 ref=1 的 name 元素之和等于 5(2+3)，第二行 ref=2 的名称元素之和等于 3。我需要为第一行生成 1,2,3,4,5，为第二行生成 1,2,3，具体取决于