css-position 相关问题

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

将子div扩展到容器div之外

我正试图通过浏览器的宽度扩展这个div。我从这里读到你可以使用{position:absolute;左:0;正确:0;}来实现,就像在这里的jsfiddle:http:// jsfiddle ....

回答 4 投票 16

位置:已修复无法在Google Chrome中使用

我在使用Google Chrome中的“固定”元素时遇到了一些问题。该元素在其他主流浏览器中的行为应该如此。这是CSS:#element {position:fixed;底部:0px; ...

回答 12 投票 15

将div放在另一个div的边框上

我正在尝试创建一个用户信息框,其中有一个头像和一些其他信息。我希望那个化身留在那个容器的边界上,如示例所示垂直翻译...

回答 2 投票 1

当元素y具有绝对位置时,为什么元素x低于另一个元素y向上移动

有一个div容器,包含2盒黄色和绿色。绿色框位于黄色框下方。当我们使用顶部和底部相对于容器移动黄色框时,它移动而没有......

回答 2 投票 0

div低于另一个绝对定位的div

我有另一个div下面的div的问题,它有“position:absolute”。我需要让页脚出现在容器div下面,但现在页脚出现在容器后面的某个地方。屏幕:( div与......

回答 4 投票 5

中心位置:固定元素

我想提出一个立场:固定;弹出框以屏幕为中心,具有动态宽度和高度。我使用保证金:5%自动;为了这。没有位置:固定;它水平居中,但......

回答 14 投票 357

遇到浮动内容时,粘性导航会中断吗?

出于教学目的,我正在使用最基本的CSS。我有一个设置为定位的导航栏:粘性,效果很好直到它与一组浮动的列相互作用...

回答 1 投票 1

3个内联块 的。我需要中间的一个来包围第一个额外的线

在正常状态下,.attributes溢出设置为滚动,但如果用户单击省略号图标(第三个元素,实际上是) it will set the .attribute white-space: normal ...)

回答 1 投票 1

为什么具有z-index值的元素不能覆盖其子元素?

今天,经过四个小时的调试,我学到了这条规则的难点:如果父元素的z-index为任意值,则父元素永远不能覆盖(堆叠在其子元素之上),无论如何......

回答 4 投票 4

CSS - 图像推子的绝对和相对位置

我正在使用图像推子程序,但我不理解绝对定位。如果屏幕调整大小,我可以很好地淡化图像并调整我想要的方式。但我有两个问题。 DIV#...

回答 2 投票 0

当使用iPhone或iOS设备在`iframe`中查看时,为什么`position:fixed`不起作用?

我已经研究过stackoverflow,看起来这个位置:固定在iOS移动设备的iframe中一直是一个问题,但还没有得到答案。这是我通过jsbin创建的一个例子:...

回答 1 投票 15

如何扩展伪元素绝对放置直到页面内容达到最佳?

我写了这样一个代码。我编写这段代码,以便.vertical_catch p:after从元素绝对放置到底部的位置,页面内容存在于body {margin:0; ...

回答 2 投票 0

'transform3d'不适用于职位:固定子女

我有一种情况,在正常的CSS情况下,固定div将准确定位在指定的位置(顶部:0px,左:0px)。如果我的父母有......那么这似乎不受尊重

回答 10 投票 125

有没有其他方法可以在不同分辨率的特定位置的页面中定位图像

在这里iam试图在第一部分中添加2个图像,第一个图像位于第一个图像旁边,但是我在第二个图像的不同分辨率下使用...

回答 1 投票 1

使用iPhone / iOS滚动时,固定标题会跳跃并闪烁

我试图修复与iOS中滚动相关的错误。滚动效果应用于整个屏幕,顶部有一个固定的标题。问题是当...时固定标题跳跃和闪烁

回答 1 投票 0

为什么我的位置:绝对div在Edge中的位置不同?

我们正试图在图片的角落贴上徽章。为此我们使用父母 as wrapper and a inside. It's working fine so far for Chrome, Firefox, and IE11 but in MS ...

回答 1 投票 8

CSS让绝对元素重叠父节点的兄弟,而不会影响滚动/缩放行为

我有一个特定的用例,我有一个侧栏,列表中有一些导航项,并希望在悬停时扩展元素。左侧div中的悬停项应与右侧div重叠。这个 ...

回答 1 投票 0

style =“position:absolute”和style =“position:relative”之间的区别

任何人都可以告诉我style =“position:absolute”和style =“position:relative”之间的区别以及它们如何将它添加到div / span / input元素中的区别?我现在正在使用绝对,......

回答 9 投票 94

HTML内联块元素之间的差距是什么

鉴于我有以下HTML标记: block 1 block 2

回答 4 投票 1

为什么`overflow:hidden`阻止`position:sticky`工作?

在下面的代码片段中,有一个位于容器内的粘性div。它始终保持在容器内部,并粘在滚动面板的顶部。这与......的行为相同

回答 4 投票 30

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