css-position相关内容
因此,我正在创建一个网页,该网页的左侧菜单是固定的(当您上下滚动页面时,它们会跟随您)。我目前正在使用Grid布局:Foundation(由zurb创建) http://foundation.zurb.com/ docs / grid.php 。它使用十二列网格。我在定位固定布局并同时使用网格时遇到了问题。如何在页面上使用网格布局和固定元素?
..
仅在IE(11)中,我在页面中遇到元素位置不当行为;实时链接此处。打开左滑块(单击“信息+”按钮)后,徽标文本,菜单和左侧边栏文本不会随包装器一起移动。我已经阅读过有关位置的信息:固定 + 转换在IE问题中。 我尝试将位置:expression(fixed); 应用于 header ,但发生了一些变化错误,包装器会在打开/关闭滑块上制动。 (侧边栏不适用于位置:expression(固定);
..
在特定情况下,位于大表中表格单元内的 具有 position:relative 的元素在Windows 7上的Internet Explorer 10中消失: 向下滚动页面 向右滚动 div#scroller 滚动到顶部 所有浏览器均按预期运行,IE10显示空白表格单元格 点,调整IE10窗口的大小将触发单元格内容的正确显示。 大表,所有单元格都相同: lt.di
..
我正在回顾我以前学过的floats属性,发现了一个关于浮动元素及其堆叠顺序的简单问题,其代码为: 示例1: .box-1 {背景:蓝绿色;宽度:100px;高度:100px; float:left;}
这是用于测试目的的文本。 我完全理解文本将环绕在包装盒中在box-1旁边,但是当没有文本
..
我有一个由neato处理的图形,正在为其添加新的边。但是,我不想移动旧的节点。我希望neato可以计算新节点的新位置,而旧节点则位于同一位置。 严格图{ node0 [pos =“ 1,2”]; node1 [pos =“ 2,3”]; } ,然后添加新的边线: 严格图{ node0 [pos =“ 1,2”]; node1 [pos =“ 2,3”]
..
如何在WPF中相对定位元素? 标准模型是对所有内容都使用布局管理器,但是如果只想根据其他元素的位置来放置元素(例如,在Canvas上)怎么办? 例如,您可能希望将一个元素(例如一个按钮)附加到另一个元素(可能是面板)的侧面,而与该面板的位置或布局无关。 任何使用过工程工具(SolidWorks,AutoCad等)的人都熟悉这种相对位置。 将所有内容强制放入布局管理器中(不同WPF面
..
从视觉上看,它看起来像这样: headerheaderheader mainmainmainmain col1col1col col2 我想在这里实现两件事: 必须 col2 在向下滚动时固定在屏幕上。 仅在标题时保持 col2 固定击中列。这是固定的标头。 我尝试了添加固定/粘性的位置,但在这种情况下似乎不起作用。该列将消失。我的Reac
..
我想要的东西 边注。当然,最重要的问题是将它们放置在相对于引用它们的文本而言的高度。我可以使用JavaScript做到这一点,查看注释参考的 offsetTop 属性,但是然后我还必须处理视口大小调整和缩放,而CSS解决方案会保留到浏览器。因此,最好使用CSS解决方案。 背景和动机 这是博客的响应式设计的一部分。如果边距有足够的空间,则应将其显示为边注;否则,它们应作为脚注出现。
..
我想用CSS在输入元素上显示一个span元素。我怎样才能做到这一点。我当前的代码: http:// 如何在输入元素上显示span元素,以便用户知道不需要输入http://,这样看起来就好像已经有一个值了,但是那是输入中的span元素吗?我认为我可以通过CSS定位来
..
我有一个图库,底部带有标题(上图)。字幕使用 position:fixed; bottom:0; ,并且可以在除IE以外的所有浏览器中使用,甚至可以使用最新版本(11.096…)。标题固定在屏幕顶部,而不是底部(下部图像)。 我尝试了一些自己研究的建议: 验证了正确的文档类型:
..
我知道任何具有 position:absolute 的元素都将相对于具有诸如 absolute 或 relative 之类的位置属性的最近祖先进行定位。在此处中的各种答案中都提到了这一点。同样在w3schools网站上此处 ... 位置为绝对值的元素;相对于 最接近的祖先(而不是相对于 视口的位置,如固定)定位。 但是,插入静态元素似乎会破坏此规则并移动绝对元素。我想了解为什么会这
..
我的网页上有一个侧边栏,该侧边栏应该(垂直)跨越页面的100%。然后应该将其保留在那里,因此当其余内容滚动时,它就不会停留。为此,我使用了以下方法: body { 身高:100%; } #sidebar { 高度:100%; 宽度:120像素; 头寸:固定; top:0;剩余 :0; } 这在所有现代浏览器中都很好用!不幸的是,我不得不为不支持
..
我有一个带滚动条的div。在其中,我具有各种元素,其中之一是与display:block和position:relative的链接;该链接的内部是具有默认位置的img,以及一个h3标签,该标签应显示在该img的顶部,位置为:absolute。当我滚动DIV时,其他事物也会正确滚动,但是这些元素及其内容保持不变。有关如何解决此错误的任何想法? 这里是一个小提琴,大约是代码如下: http
..
目标:获取固定在 main 元素底部的 button 元素。我尝试将其容器定位为相对定位,以使其固定在底部: / *定位不起作用。我想把这个固定在父子的底部* / .wrapper:nth-child(4){ background-color:#bbb; 职位:相对; 底部:0; } 这不会移动 .wrapper div。 ”> @
..
过去一个小时,我一直在研究此问题,并且看到了类似的问题,但我不确定它们是否完全相同。可能以某种方式相关,但是没有一个答案可以帮助我解决问题。 采用以下代码: html,正文{
..
我正在尝试使用引导程序的粘性标头。但是当我添加 body {overflow-x:hidden; } 停止工作。 现在我在不同的页面上看到位置:粘性家长将溢出设置为其他内容,而可见没有出现,这是(或者曾经是)一个常见问题。但是所有职位都只有1岁。像这样的帖子:“ 为父项设置了溢出-x的位置粘性div “ 现在有解决方案吗?自引导4开始使用它以来,我认为它现在受到更多的支持。 $
..
我和某人讨论了绝对定位。他声称,最佳做法是确保大多数浏览器的所有内容都相同,并且这是维护您打算用于网站的外观的最简单方法。 我不同意他的意见,绝对定位将是网页布局的一种补救方法,也是一种整体上最佳的选择。 在我看来,我更加热衷关于使用边距/宽度/仔细的浮动调整的方法,有时使用表格。当然,这只是一个小小的概括,我不会停止使用绝对定位,只是因为我会在意识形态上反对它,只是我发现一种绝对位置
..
我想将视图分为四个部分。 剩余的页面被分成两个相同高度的块,上面两个相同的块大小的块彼此相邻。 我尝试过的是(没有标题): #wrap { width:100%; 身高:100%; } #block12 { 宽度:100%; 最大高度:49%; } #block1, #block2 { 宽度:50%; 身高:100%; 浮动:左; overflow-
..
在Chrome / Safari和Firefox中,将固定元素放置在另一个固定元素中的行为有所不同。 此答案很好地解释了相对位置内的固定div和
..
我有一个通知图标(
..