Questions tagged «positioning»

我想创建一个div，它位于内容块的下面，但是一旦页面滚动到足以接触其顶部边界的位置，它就会固定在适当的位置并随页面滚动。

305 javascript  jquery  css  scroll  positioning 

CSS将Div推到页面底部 请查看该链接，我希望得到相反的结果：当内容溢出到滚动条时，我希望页脚始终位于页面的整个底部，例如Stack Overflow。 我有一个div id="footer"和这个CSS： #footer { position: absolute; bottom: 30px; width: 100%; } 但是它所做的只是进入视口的底部，即使向下滚动也可以停留在视口的底部，因此它不再位于底部。 图片： 很抱歉，如果没有弄清楚，我不希望将其修复，仅因为它位于所有内容的实际底部即可。

261 css  positioning  css-position  footer 

我有一个要在div中居中的SVG。div的宽度为900px。SVG的宽度为400像素。SVG的margin-left和margin-right设置为auto。不起作用，它的作用就像是左边距为0（默认值）。 有人知道我的错误吗？

252 css  layout  svg  positioning  margin 

我正在尝试使用HTML和CSS创建水平100％堆叠的条形图。我想DIVs根据背景颜色和百分比宽度创建条形，具体取决于要绘制的值。我还希望有一条网格线来标记沿图的任意位置。 在我的实验中，我已经通过分配CSS属性来使这些条水平堆叠float: left。但是，我想避免这种情况，因为它确实以令人困惑的方式使布局混乱。此外，当条形图浮动时，网格线似乎不太好用。 我认为CSS定位应该可以处理此问题，但我还不知道该怎么做。我希望能够指定相对于其容器左上角的几个元素的位置。我经常遇到这种问题（即使在这个特定的图形项目之外），所以我想要一种方法： 跨浏览器（理想情况下没有太多的浏览器黑客攻击） 在怪癖模式下运行 尽可能清晰/整洁，以方便自定义 如果可能的话，不使用JavaScript。

187 html  css  positioning 

如何相对定位元素，并使其不占用文档流中的空间？

186 html  css  positioning  css-position 

之间有什么区别 position()和offset()？我试图在click事件中执行以下操作： console.info($(this).position(), $(this).offset()); 而且它们似乎返回完全相同的...（被单击的元素在表的表单元格内）

178 jquery  positioning 

我正在使用-webkit-transform（和-moz-transform / -o-transform）来旋转div。还添加了固定位置，以便div与用户一起滚动。 在Firefox中工作正常，但在基于Webkit的浏览器中却坏了。使用-webkit-transform后，固定的位置不再起作用！那怎么可能？

155 html  css  positioning  rotation 

我有一些CSS，悬停时CSS过渡效果会移动div。 正如您在示例中看到的那样，问题在于translate过渡具有可怕的副作用，即使div中的图像向下/向右移动1px（并且可能会略微调整大小吗？），以至于它看起来不合适并没重点... 毛刺似乎一直在应用悬停效果的整个过程中，并且从反复试验的过程中，我可以肯定地说，似乎仅在平移过渡移动div时才出现（框阴影和不透明度也适用，但对删除后的错误）。 仅当页面具有滚动条时，才会出现该问题。因此，仅使用一个div实例的示例就可以了，但是一旦添加了更多相同的div，并且页面因此需要滚动条，问题就会再次出现。

150 css  image  hover  positioning  translate-animation 

.offset([coordinates])方法设置元素的坐标，但仅相对于文档。那么如何设置元素的坐标，但相对于父元素呢？ 我发现该.position()方法仅获得相对于父级的“顶部，左侧”值，但未设置任何值。 我尝试过 $("#mydiv").css({top: 200, left: 200}); 但不起作用。

144 jquery  css  jquery-selectors  positioning  css-position 

例如，我有一些.article类，并且我想将该类作为网格视图进行查看。所以我采用了这种风格： .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } 这种样式将使.article看起来平铺/网格化。固定高度可以正常工作。但是，如果我要将高度设置为自动（根据其中的数据自动拉伸），则网格看起来很讨厌。 我想要这样的视图：

129 css  grid  positioning  css-float  tiles 

我找到了这个线索- 如何在保持图像的长宽比的同时拉伸图像以填充<div>？-这不完全是我想要的东西。 我有一个具有一定大小的div，并且其中有一个图像。我想始终用图像填充div，而不管图像是横向还是纵向。图像是否被剪切也没关系（div本身已隐藏溢出）。 因此，如果图像是人像我想要的width是100%和height:auto，使其保持在比例。如果图像是风景我想要的height是100%和width to beauto`。听起来很复杂吧？ <div class="container"> <img src="some-image.jpg" alt="Could be portrait or landscape"/> </div> 因为我不知道该怎么做，所以我只是简单地创建了我的意思的图像。我什至无法恰当地描述它。 所以，我想我不是第一个问这个问题的人。但是我真的找不到解决方案。也许有一些新的CSS3方式可以做到这一点-我正在考虑使用flex-box。任何想法？也许它比我预期的要容易得多？

120 image  css  positioning  flexbox 

我有一个position：fixed的元素，所以随页面滚动，但是我想要它如何。当用户向上滚动时，我希望元素在某个点处停止滚动，比如说距页面顶部250px，这可能吗？任何帮助或建议将对您有所帮助，谢谢！ 我有一种感觉，我需要使用jquery来做到这一点。我尝试获取用户所在位置的滚动或位置，但感到非常困惑，是否有任何jQuery解决方案？

94 jquery  css  positioning 

在CSS中，静态（默认）定位和相对定位之间有什么区别？

88 css  static  positioning  css-position 

我需要将页脚固定在页面底部并居中。页脚的内容可能随时更改，因此我不能仅通过margin-left居中：xxpx; 右边距：xxpx; 问题是由于某种原因这不起作用： #whatever { position: fixed; bottom: 0px; margin-right: auto; margin-left: auto; } 我爬网，一无所获。我试着做一个容器div和nada。我尝试了其他组合和gurnisht。我怎样才能做到这一点？ 谢谢

79 css  positioning  sticky-footer 

我有一个定位的div，其内容可能太长，因此出现滚动条（overflow:auto设置）。它充当ajax应用程序中的对话框。我想在其右上角修复一个关闭按钮，以便当用户滚动div时不会滚动离开。 我尝试过，position:fixed; right:0; top:0但是它把按钮放在页面的右上角而不是div中（在Firefox中）。 是否可以仅使用CSS进行此按钮放置，而不会在每次滚动事件中都破坏js中的offsetWidth / Height？ ps：div的高度和宽度不是固定值，它取决于内容的大小和浏览器窗口的大小。用户还可以根据需要调整其大小。

71 html  css  stylesheet  positioning