css-position 相关问题

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

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

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

html css css-position

回答 1 投票 0

CSS网格容器在Flex容器内收缩（Storybook复制）

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

css flexbox css-position css-grid

回答 2 投票 0

CSS卡后翻内容已延迟

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

html css css-position absolute

回答 1 投票 0

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

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

css position css-position z-index

回答 1 投票 0

如何使子元素覆盖父元素？

我仅使用CSS和Flexbox构建响应页面。我有一个子元素，应该在父元素外部“溢出”，如下所示： ]

html css flexbox css-position

回答 4 投票 0

在iOS / iPad上，单击时相对位置按钮消失

我有一个按钮，可以在Chrome（桌面），Safari（桌面）上完美运行。但是在单击iOS / iPad Safari（13.1）时消失。我已经通过属性1到1的切换来调试它，并得出结论...

css ios ipad button css-position

回答 1 投票 1

Bootstrap NavBar对准（带有响应菜单的3列）

我基本上有一个非常简单的问题，但是如果我可以添加这个简单的内容，我的投资组合将会看起来更好。我希望引导程序中的NavBar位于3列中，基本上就像我所拥有的图像...

html css twitter-bootstrap-3 css-position navbar

回答 1 投票 1

css溢出-x不能在内部使用绝对定位元素

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

html css css-position

回答 1 投票 0

相对于孩子的位置父母[关闭]

我希望让父母使屏幕溢出，从而使div固定在CSS屏幕的左边缘。基本上，我想相对于屏幕放置子项，但不希望将其从...中取出。

html css css-position

回答 1 投票 -3

合并显示的问题：内联；和位置：绝对；

[我在W3school网站链接中找到了此示例，我试图将图像的显示从“块”更改为“内联”，并发现.container和.overlay变得有点...

css-position display

回答 1 投票 0

我如何制作DIV而不使其父级扩展？

我正在尝试使div拉伸以适合其内容，直到最大宽度，然后再包装内容。使用绝对定位的div可以正常工作-除非其父级的宽度...

css width css-position

回答 2 投票 0

选定的图像点会随着页面大小的变化而变化

我已经选择了图像的坐标（clientX和clientY）并显示了所选位置的图标，一旦我调整了浏览器的大小，所选图标就会显示在不同的位置。为此，我可以...

javascript html css reactjs css-position

回答 1 投票 0

CSS包装器不会与其内容对齐

我试图将按钮的边缘设为0的自动距；但它似乎朝着正确的参考图像1以及巨型线方向移动，在我检查时发现我的按钮包装纸...

css design-patterns layout alignment css-position

回答 1 投票 0

将ul标签设置在页面中央，并将图像放置在不同的位置

*我要显示两个大区域，一个在页面的左侧，另一个在页面的右侧，两个都必须占显示的50％。同时，我想在...

javascript reactjs css-position

回答 1 投票 0

使用CSS中的位置并计算高度[关闭]

我已将img宽度设置为100％，所以我不知道img的高度。我试图在img的末尾使用绝对位置和顶部位置来设置div。我们可以使用calc（）吗？或另一种方法。注意：我已经设置了img ...

html css css-position

回答 1 投票 0

列表项与 anchor tag]之间的菜单中不一致的交互作用> 为什么“菜单项2”中的下拉菜单ul没有完全与其父级li元素的顶部对齐？将下拉列表ul CSS设置为： position:absolute; top:0; left:0; 我希望它从父元素的左上角开始覆盖，即完全覆盖它。一些令人困惑的症状：我希望父菜单可单击，并且在某些情况下具有下拉菜单。因此，在有下拉菜单的地方，父菜单<li>具有填充的<a>以增加可点击区域。由于<li>显示相同的填充区域，因此这也增加了包含的li:hover。这可以按需工作。但是，当显示下拉列表并与<li>对齐时，<li>似乎位于之前的位置，它已被<a>展开。当我在浏览器（Chrome和Firefox）中签入时，<li>元素实际上并未填充与<a>相同的空间，因此下拉列表显示了一些[ 我想要的位置。我知道我可以在绝对位置的下拉列表中使用top：SOME_NEGATIVE_OFFSET，但这感觉很hacky，我想了解发生了什么？这是我的第一篇文章，请对我轻松一点：） <!DOCTYPE html> <html> <head> <title>DropDownTest</title> <style> ul{ list-style:none; margin:0; padding:0; } li{ display:block; position:relative; } li>a{ padding:1rem; background-color:grey; } li>a:hover{ background-color:lightgray; } .mainbar>li{ float:left; } li.hasDrop:hover>ul{ display:block; } .dropContent{ display:none; position:absolute; top:0; /*not working as expected*/ left:0; margin:0;/*thought this might have helped but no*/ padding:0; z-index:1; list-style:none; min-width:100%; } .dropContent>li>a{ display:block; } </style> </head> <body> <div> <ul class="mainbar"> <li><a href="#">Menu Item 1</a></li> <li class="hasDrop"> <a href="#">Menu Item 2</a> <ul class="dropContent"> <li><a href="#">Sub 1</a></li> <li><a href="#">Sub 2</a></li> <li><a href="#">Sub 3</a></li> </ul> </li> <li><a href="#">Menu Item 3</a></li> </ul> </div> </body> </html> 为什么“菜单项2”中的下拉列表ul不能完全与其父li元素的顶部对齐？将下拉列表ul CSS设置为：position：absolute;顶：0;左：0;我希望它是...

html css css-position absolute

回答 1 投票 1

在React Native中，有没有一种方法可以将深度嵌套的元素变成全屏元素？

我有一个React Native Expo应用，我希望在其中使用以下基本样式来全屏显示元素：{底部：0，左侧：0，位置：“绝对”，右侧：0，顶部：0 ...

javascript css react-native nested css-position

回答 2 投票 0

如何将元素定位在视口的左边缘之外？

我有一个宽度为固定px值或百分比的元素。我希望其边界框的右侧在屏幕（或视口）的x坐标-1处，因此其右侧在触摸...

html css css-position

回答 2 投票 4

CSS-最小的粘滞元素（按高度）在Safari中不起作用

如果粘性元素放置在最小的位置（按高度计）但是元素的position：sticky和position：-webkit-sticky属性在Safari（台式机和移动设备）中不起作用。例如：https：// ...

html css css-position sticky

回答 1 投票 0

如何集中两个图像并在它们之间添加一些文本[关闭]

我是一个初学者。我有两个图像，我很累于将它们居中并在它们之间添加文本，但是似乎没有任何作用。我尝试使用“ inline-block”和“ position：absolute”。此图像可能对您有所帮助...

html css css-position

回答 1 投票 -3

css-position 相关问题

最新问题