css-position相关内容
我正在尝试设计一个表,该表具有粘性的 thead 以及粘性的行标题。因此,基本上所有 th 元素都必须是粘性的。 我偶然发现了 position:sticky css3属性似乎很适合该工作,尽管许多浏览器尚不支持该属性(给我一个问题)。但是MDN文档说: “ position:sticky”对表格元素的作用与“ position:relative”相同。 考虑到这一点,我建立了一
..
是否可以将子元素(C)放在其父元素(B)之下,以及B的邻居(C)之上? 描述起来有点困难,您可以观看示例这里。 问题是将蓝色 div.inner 放置在红色 div.neighbor上方并在绿色 div.outer 下。 举例说明: HTML代码:
& nbsp;
..
如何在相对位置 div 中包含绝对位置 div ?例如,这样的结构: .wrapper {position:relative; } .contentWrapper {位置:绝对;最高:0;左:0;}
此处没有
..
我的位置有问题:粘性和z-index 我希望粘性元素中的模态被覆盖层覆盖。 位置:相对有效:模态在叠加层之前。但是当我使用Sticky时,模态就位于叠加层的后面。 希望我的意思是可以理解的。 例如: .sticky {位置:粘性; / *
..
我正在尝试使标头div从其父级继承其宽度。标题div是位置:固定。父级包含在引导容器中。 但是,正如您在我创建的代码中看到的那样,它没有正确继承其父级的宽度-它在某处增加了一些额外的宽度。 这一切都非常令人讨厌!知道如何解决此问题吗? .category-body {margin-left :17%!重要;宽度:67%;背景颜色:红色;高度:500像素;}。category-h
..
我尝试为DIV制作动画,该动画在1秒后会固定。但是我做不到。我希望一秒钟后,名为“ homepage-hero-module”的div从右向左滑动。正如您在FIDDLE中看到的那样,它在一秒钟后变为固定状态。那么如何制作动画呢? 我尝试使用CSS,但是没有运气。 -webkit-transition:左1s; -moz-transition:左1s; -o-transitio
..
我猜这两个属性实际上并不能一起工作,但是我的情况是 我正在尝试创建一个工具提示组件。我的工具提示位于绝对位置,并且我不知道内容的长度,因此没有宽度。因此,对于与宽度相关的CSS,文本只会形成一个高而瘦的列。我尝试了最大宽度,但是就其本身而言,它什么也没做。因此,我决定尝试使用 white-space:nowrap ,虽然它很好地不会换行,但似乎也没有以一种有用的方式来支持max-width,
..
,任何定位为固定的都不会粘在屏幕上,它会滚动显示所有内容。 具有过滤器的演示:invert(xxx); 身体{高度:8000px;过滤器:invert(0.85);} div {位置:固定;最高:0;左:0;高度:100px;宽度:100px;边框:1像素纯黑色;}
..
我有一个容器元素,该容器元素的内容长且可缩放: .container { transform:scale( 0.9); } 在此容器中,我有一个孩子 div 曾经是一个弹出窗口。绝对排名最高的 50% .popup { 宽度:300像素; 高度:200像素; 头寸:绝对; 剩余:50%; 最高:50%; } 但不幸的是,当容器缩
..
我尝试为以下情况找到一些解决方案: -固定标题 -如果内容太短,页脚将停留在底部 -内容较长,页脚将我发现了这一点,但仅在标题不固定的情况下有效: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ 这是一些摆弄的CSS: http:// jsfiddle.net/GxskJ/1/ 我看不到出了什么问题以
..
我试图在uitableview的底部固定页脚。它将始终位于底部,不可与表格单元一起滚动。它还无法剪切,像这样的单元格覆盖了可使用视图的最后一个单元格,因此将隐藏一个单元格。我有以下头文件: // fooer包含一个number_of_total_clicks标签和一个procetopayment按钮。 @interface checkout:UITableViewController
..
我的位置有一个有趣的问题:已在Opera Mobile 11中修复: 测试页: http://dl.dropbox.com/u/841468/testcase/opera/fixed.html 红色
应该固定在顶部。如果我向下滚动页面,则元素会从视口的顶部边缘移一点(设备像素恰好为93px);但是如果我向上滚动,元素将返回正确的位置。 (HTC Desire上的屏幕截
..
我重新创建了模板中遇到的问题。 有一个导航,其位置为:相对; 。 导航内部有一个 div ,其中嵌套了两个列表。 其中一个列表的位置绝对要紧贴的底部导航。 当 div 应用了转换时,就会发生此问题。 当绝对位置和相对位置的元素之间的 div 获得转换属性,绝对列表相对于 div 而不是 nav 定位。 MDN文档说明了有关position:absolute $ b $的以下内
..
几天迷路了,我放弃了尝试解决这个问题。 所以,这是这种情况,如果有人能告诉我该怎么办,我将非常感谢: 我有一个垂直菜单,第二级菜单是绝对定位的。 内部的
的样式为 position:absolute; ,并具有一组 z-index 。问题是 ie6和ie7特定的,它不能识别绝对定位块中的z索引。 如果该元素是相对定位的,则没有问题,但是我需要将 元素定位为绝对。 有
..
我的布局是这样的:
某些文本 可以根据祖父元素(一个)在CSS中? 查看以下内容: http://jsfiddle.net/chalist/H48Je/ 解决方案 元素的位置
..
我有一个侧边栏,其中包含电子商务网站上的一些产品过滤器,并且具有绝对位置。除iPad和iPhone上的Safari以外,它在所有浏览器上均可正常运行。当页面滚动时,它会随机消失。 我尝试使用 -webkit-transform:translate3d(0,0,0); 技巧,在许多文章和其他“技巧”中都有报道,但对我来说却无济于事。 您可以在 http://www.hardlyeverw
..
我的 有一个放置在容器中的SVG对象。 .container { position:relative; } .svgObj { 位置:绝对; top:0;剩余 :0; 宽度:2em; 身高:2em; } 因此,问题在于svg不会以容器的0:0 ,但更像是在容器以南200像素之内。 奇怪的是,如果我用SVG标签替换DIV 问题仅
..
位置:粘性大多数移动浏览器都不支持。但是 position:fixed 并不是我所需要的(因为固定块与文档底部的内容重叠)。 我猜对于jquery,如果我们将文档滚动到底部,将很容易为固定块设置静态位置。 但是对于Vue2,我不知道如何做同样的事情。请给一些建议。也许存在更好的解决方案。 解决方案 正如我在评论中提到的,我建议尽可能使用polyfill。他们将付出很多努力来确保
..
正如标题所述,transform:translate(x,y)和position:relative之间有什么区别。 由于它们都完成相同的事情(位置元素),那么它们在用途和用途上有何不同? 我读了一篇有关使用“转换:翻译;”将元素居中的文章。那说由于GPU和优化的原因,最好使用“变换”,但是我并没有真正看到问题,因为如果您只是重新定位元素而不是对其进行动画处理,那么这并不是什么大问题。
..
我遇到这样的情况,我在一个页面上有2个或更多固定位置元素,这些元素显示为一个堆叠在另一个之上(也就是说,第二个的顶部紧靠第一个的底部-这些元素之间不存在z-index堆叠)。在第一个固定位置元素内,有一个绝对位置比其固定父元素高的元素,因此它超出了该固定父元素的底部。 麻烦是下一个固定位置元素将显示在绝对定位元素的顶部。我在绝对定位元素上设置的z-index值比在固定定位元素上设置的z-in
..