css-position相关内容

如何在菜单打开时强制ShiftNav将页眉(徽标)锁定在适当的位置

我正在尝试将 ShiftNav 菜单插件在新主题上应用 Lock Scroll -在源代码中也称为 lock_body -在新主题上,这应该使右侧菜单中打开的菜单内容的内容已锁定在y滚动上-显然,(在以前的主题上进行过测试)。如果启用了Shift Body,则此选项将起作用,就像我一样。 在这些情况下,锁定滚动条不起作用。我试图使用 position修复 header 和其他元素的位置:fi ..
发布时间:2020-10-12 19:30:27 前端开发

在Chrome的第一个转换中,卡背隐藏

我正在开发一种通用卡,该卡可在正面和背面显示各种内容。只需单击一下,卡片即可翻转180度。 在Chrome中,当我背面的内容包含绝对或相对位置时,卡片的背面仅在 在Safari和Firefox中,我看不到相同的问题。 在此笔中可以看到问题 https://codepen.io/rumbletumble / pen / GRgNeLg 我尝试过 动画而不是过渡,但存在 ..
发布时间:2020-10-12 19:30:08 前端开发

CSS位置相对没有相对宽度?

我希望某个元素具有相对的位置。但是我不希望其子元素(具有 position:absolute )具有相对于父元素的相对宽度。 例如: http://jsfiddle.net/t2yJP/ 。我希望第二个 body> div 具有 position:relative ,但让其子项的宽度保持相同的行为。 解决方案 这个jsFiddle 。 但是您应该真正重新考虑您的策略。在您的小提 ..
发布时间:2020-10-12 19:30:04 前端开发

透明div下的可点击div

是否有一个绝对定位的透明div可以覆盖一系列可点击的div?我希望能够将鼠标悬停在下面的红色div上以获得响应。 #holder { width:200px; 高度:200像素; } .clickMe { width:100px; 高度:100px; cursor:pointer; background- ..
发布时间:2020-10-12 19:30:03 前端开发

重叠两个div并“清除”其父div

我的CSS-fu在这里让我失望: 我想做的是将两个子div(具有可变高度)重叠放置。 使用:位置:绝对值;顶部:0px;左:0px; 是我唯一知道的方法,将父级设置为 position:relative 。 这个问题是,子div按照CSS规范从布局中取出,将父div缩小到高度:0px,因此我无法清除该div并将任何内容放在下面。 下面我惊人的ASCII艺术详细说明了我要做什么. ..
发布时间:2020-10-12 19:28:56 前端开发

将元素固定到容器底部

使用 position:absolute;将视图按钮锁定在底部,会导致价格合并到视图按钮中。 https://jsfiddle.net/kieranbs96/pj8emf0a/ a.view-button { float:left; 填充:7px 30px; 背景:#e35f00; 颜色:#ffffff; text-transform:大写; } .offer, ..
发布时间:2020-10-12 19:27:43 前端开发

CSS和JS,使div跟随滚动

我尝试使用固定位置,但是我似乎无法找出方法,我希望我的侧边栏在用户滚动时保持固定在屏幕上,我的侧边栏元素ID为 #displayside 有人可以帮我解决这个问题吗? 如果这个问题太明显,请原谅,但我刚刚开始编写代码,我需要帮助。 谢谢! #displayside { 宽度:15%; / * margin-left:25px; * / float:正确; text- ..
发布时间:2020-10-12 19:27:40 前端开发

如何使滚动条保持在固定位置div的内部,并且顶部像素向下推?

http://jsfiddle.net/leongaban/6rd2hhpq/8/ 我正在使用固定位置div,并使元素可从其内部滚动。 类似于此处的问题。 我能够使滚动条显示出来,我的问题是我有一个固定的标题,并且必须在我的视图中向下推固定的侧边栏。 这样一来,用户就可以继续滚动浏览器窗口,以使您看不到滚动条。 是否仍然可以通过我的示例? 这样,当滚动条命中并停在视图 ..
发布时间:2020-10-12 19:27:35 前端开发

将元素放置在div的底部

有人知道一种将页脚固定在div底部的方法,例如 position:fixed 元素。我发现的所有方法都将其粘贴在开始视图的底部或底部,因此您必须一直向下滚动才能看到它们。 我有尝试将父级设置为 position:relative ,将子级设置为 position:absolute ,也使用 display:table-cell 和 vertical-align:bottom ,但在滚动时都不 ..
发布时间:2020-10-12 19:27:32 前端开发

父母身高基于相对定位的孩子

css是一件奇妙的事情,除非您被阻止并且没有 ahaha时刻。 今天,我很难将包含相对位置元素的父div的缩放高度调整为适当的高度。这是因为孩子们正在使用 top 属性。 现在我知道 top 适用于相对定位的元素,我理解为什么它不包含正确的高度值。 我想知道的是: “是否可以在不更改填充或边距的情况下将此顶级属性包含在我父母的高度?” 此处是我的代码的提琴手: htt ..
发布时间:2020-10-12 19:27:29 前端开发

固定位置时页眉消失

当我在标题中设置 position:fixed 时,它消失了,我不知道为什么。这是我的代码: html,body {高度:100%;宽度:100%;边距:0;填充:0;}表格{边界折叠:折叠; border-spacing:0;}#header {位置:固定;}#header-title {浮动:左;}#header-navigation {浮动:右;}。content-container ..
发布时间:2020-10-12 19:27:25 前端开发

子元素相对于视口的位置固定

是否有任何文档指定位置固定,相对或绝对位置或静态位置的元素的默认行为? .parent {position:relative; / *或绝对/静态* /高度:200像素;宽度:200像素;顶部:30px;左:50px;背景颜色:红色;}。child {位置:固定;高度:100px;宽度:100px;左:10px;顶部:20px;背景颜色:蓝色;} ..
发布时间:2020-10-12 19:27:23 前端开发

如何从应用程序窗口获取/设置鼠标相对位置?

我希望能够获取相对于我的窗体窗口所在位置的鼠标指针的当前位置。因此,如果我将鼠标放在表单的左上方,它将为我提供x = 0和y = 0的x和y值,而表单本身可能位于屏幕中间。 我也想设置鼠标的位置。 如何在C#?我正在使用Windows窗体应用程序。 解决方案 使用 Cursor.Position ,然后转换为调用窗口上的PointToClient 。 Point p = ..
发布时间:2020-10-12 19:27:19 C#/.NET

重叠绝对定位的内容

在此页面上,我遇到了一些麻烦。它几乎可以正常工作。 红色框应位于窗口的中心(h& v)。 黄色框应粘贴在窗口底部。 。当窗口小于400像素时,应显示高滚动条,并且黄色框应出现在滚动区域的底部。基本上,我永远不希望黄色框显示在红色框上方,反之亦然。 有人知道我能做到这一点吗? 谢谢。 解决方案 将其添加到CSS中,用于 #wrapper : 高度:100% ..
发布时间:2020-10-12 19:26:15 前端开发

位置固定,无上下

我发现了有趣的功能,但找不到原因。因此: 我们有固定位置元素,其第二个位于正文下方。第一个元素具有样式 .firstEl { width:100%; 高度:200像素; background-color:green; } 第二个元素 .fixedEl { position:fixed; 对:0; 高度:100px; width:50px; ..
发布时间:2020-10-12 19:25:10 前端开发

容器DIV不会扩展到包括绝对定位的DIV

我想有一个简单的解决方案,但这使我望而却步。如果您查看此页面,您将看到只有标题具有灰色背景。灰色背景由#container DIV设置,我想将页面的整个高度向下拉伸: #container { padding:0; 保证金:0; background-color:#292929; 宽度:1200px; 保证金:0自动; } 目前,它仅扩展到页面的页眉部分,并 ..
发布时间:2020-10-12 19:25:06 前端开发

iPhone粘菜单jquery onscroll ios 9

此代码在更新到 iOS 9.0.1 (13A404)( )之前在我的iPhone上运行良好,但是现在看来,只有在手指松开后,该代码才能正常工作, jQuery onscroll 结束后,当我快速滑动而使页面滚动时... $(document).on('scroll',function(){ if($(this).scrollTop()> 0){ $('。menu' ).addCla ..
发布时间:2020-10-12 19:24:58 前端开发

需要将图像固定到页面上的特定位置

我需要将.gif图像固定到主页上的特定位置。我已将图片放置在HTML中,而“ position:fixed”并不能满足我的要求-页面的其余内容会在图片下方滚动。我希望图像始终保持在同一位置。 免责声明:我对HTML&几乎一无所知。 CSS,所以我很抱歉,如果这是一个非常简单的问题。我已经进行了研究,但没有尝试过。 在相关说明中,我的图片会根据我正在查看的浏览器的大小而改变大小在这里,我 ..
发布时间:2020-10-12 19:24:55 前端开发