css-position 相关问题

CSS中的“position”属性允许您通过将其值设置为static(默认设置),relative,absolute,fixed或sticky来控制页面上元素的位置。

相对位置的元素在嵌入式显示时消失了吗?

我尝试将diplay内联放入相对定位的元素中,这是代码.parent {height:50px;宽度:130像素;背景颜色:红色;顶部:100px;职位:相对显示:内联; },只是...

回答 1 投票 1

这样可以使用flexbox吗?

我想使用flexbox制作一个导航标题菜单,使其响应,如下所示。我的想法是使用显示器:flex; flex-direction:行;证明元素:间隔;在主...

回答 1 投票 0

在表单元格内部使用Bootstrap4 / Flexbox,将单元格分为2列,一列是绝对位置

我有一个包含6个表格列的html表格。标题为“部件描述”的表列分为2个flexbox列。第一个flexbox列很好。第二个flexbox列是...

回答 1 投票 1

如何使具有2行粘性的表标题? (不带js)

我的表头中有两行,我希望它在滚动时固定。我怎样才能做到这一点?我尝试将th元素的位置设置为粘滞,但第二行在滚动时与第一行重叠(...

回答 1 投票 0

SVG固定大小的元素相对放置在视图框中

[在下面的示例SVG中,如何将标记/图钉(红色圆圈)指定为固定大小(以像素为单位),同时又将其相对放置在其父视图框中?也就是说,......>

回答 1 投票 0

为什么bottom:0不能与position:sticky一起使用?

我试图了解CSS的“粘性”功能。我可以将其粘贴到其父对象的“顶部”,而不是其“底部”。我的测试代码是:.block {background:pink;宽度:50%;高度:...

回答 2 投票 3

如何防止绝对定位的元素影响滚动条?

考虑将自动提示输入放在具有一些内容和垂直滚动条的容器中:显示自动提示建议时,它们应出现在内容顶部,而不会影响...

回答 10 投票 31

使用CSS在容器底部放置一个元素

我想在带有CSS的容器底部放置一个100px高的红色元素。我已经尝试过了,但是红色元素没有显示,并且我不确定自己在做什么错: .banner {...

回答 1 投票 0

保持div在CSS中matrix()之后的位置

您如何在Matrix()函数之后保持div的位置?下面是我的代码 #div1 {背景:红色;宽度:150像素;高度:150px; }#div2 {...

回答 2 投票 1

CSS在包装器底部的固定位置

我正在尝试在页面底部显示页脚。通常它只是位置:fixed和bottom:0。但是我希望我的页脚位于容器(section元素)内,所以当...

回答 1 投票 0

如何使用flexbox在文本上正确放置文本

我正在尝试在包含图像和文本的div的左上角放置一些文本。我可以使用CSS绝对定位使它正常工作,但是文本没有响应,并且基于移动...

回答 1 投票 0

为什么使用溢出会给我这个问题?

我有一个带有滚动样式的表格,滚动样式为“ overflow-x:visible”。但是,当我移动水平滚动条时,它看起来像这样1,我尝试应用位置:绝对和溢出...

回答 2 投票 0

如何格式化悬停下拉菜单,使其始终处于顶层?

我在彼此旁边有一个悬停下拉菜单元素和一个单击下拉菜单元素。我给了两个“位置:相对”。下拉显示div的属性。但是,这导致...

回答 1 投票 0

React Native中绝对定位元素的内容宽度

我正在研究某些下拉组件,我想实现的是一个按钮,当用户单击它时,应该会出现一个下拉组件。包含按钮和...

回答 1 投票 0

如何使用flexbox使我的div成行

我在第一个React应用中使用flexbox放置物品/卡时遇到麻烦。我在卡中放入了一个div(请参阅“卡”组件),然后显示:flex;那里,但似乎...

回答 1 投票 0

React Native。获取绝对定位元素的自然宽度

我正在开发一个简单的下拉列表。我们有一个具有一定宽度/高度的父包装。同样,我们有一个相对于父项绝对定位的子项(下拉列表)(例如,下拉按钮)...

回答 1 投票 0

css绝对定位的元素与其溢出父元素重叠

我有一个巨大的表,需要水平滚动,并且在 中有一个绝对位置列表,如果列表太长,它将被表隐藏。所以我该如何使用overflow-x和...

回答 1 投票 0

CSS网格容器在Flex容器内收缩(Storybook复制)

有人了解为什么此代码会做什么吗?我有一个带有4个元素的网格容器,该元素应水平显示它们之间有15px的间距。不知道为什么,但是...

回答 2 投票 0

CSS卡后翻内容已延迟

我正在一个网站上使用的是正面和背面内容为翻转动画的网站。动画是通过CSS完成的,将鼠标悬停时可以激活,效果很好。 ...

回答 1 投票 0

Z索引为负的下拉菜单被隐藏在元素下

我有一个使用CSS过渡的动画和z-index下拉菜单:-1隐藏在主导航后面。如果导航器下面没有其他任何元素,则此方法很好,但是由于...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.