429得票25回答
如何使一个 div 在滚动到屏幕顶部时固定在顶部?

我想创建一个div,它位于内容块下方,但一旦页面滚动到足够接触其顶部边界,它就会固定在原地并随着页面滚动。

355得票17回答
如何将SVG居中在一个div中?

我有一个SVG图像,我想要将其居中在一个div中。这个div的宽度是900像素。SVG图像的宽度是400像素。SVG图像的margin-left和margin-right都设置为auto。但是不起作用,它就好像左边距是0(默认值)。 有人知道是什么错误吗?

332得票12回答
让div始终保持在页面内容底部,即使存在滚动条

我想要实现与以下问题相反的行为:CSS将div推到页面底部。即当内容溢出滚动条时,我希望页脚在页面底部,就像Stack Overflow一样。我有一个id为“footer”的div和以下CSS:#footer { position: absolute; bottom: 30px...

258得票6回答
在不影响文档流的情况下,相对定位一个元素

如何对元素进行相对定位,并使其不占据文档流中的空间?

200得票5回答
将元素相对于其容器定位

我正在尝试使用HTML和CSS创建一个水平的100%堆叠条形图。我想使用带有背景颜色和百分比宽度的<div>元素来创建条形图,这取决于我要绘制的值。我还想在图表中标记任意位置的网格线。 在我的实验中,我已经通过赋予CSS属性float: left来使柱状图水平堆叠。但是,我想避免...

185得票3回答
jQuery: position()和offset()的区别

position()和offset()有什么区别?我在点击事件中尝试了以下代码:console.info($(this).position(), $(this).offset()); 它们似乎完全返回相同的内容...(被点击的元素位于一个表格单元格内)

172得票14回答
CSS转换效果在Chrome中使图像模糊/移动图像1px?

我有一些CSS,当鼠标悬停时,CSS过渡效果将移动一个div。 问题在于,正如你在示例中所看到的那样,translate过渡效果会产生可怕的副作用,使得div中的图像向下/向右移动1px(可能还会微微缩小),以至于它看起来不协调、模糊不清... 从试错的过程来看,这个故障似乎在整个悬停效果...

162得票7回答
在jQuery中,如何设置元素的“top,left”属性,使其相对于父元素而非文档具有定位值?

.offset([coordinates])方法可以设置元素相对于文档的坐标,那么如何设置元素相对于父元素的坐标呢? 我发现.position()方法只能获取相对于父元素的"top,left"值,但它并不能设置任何值。 我尝试了...$("#mydiv").css({top: 200, l...

140得票8回答
如何创建网格/瓷砖视图?

例如,我有一个类名为 .article 的元素,我想以网格视图的形式查看该元素。因此,我应用了以下样式:.article{ width:100px; height:100px; background:#333; float:left; margin:5px; } 那种样式会...

107得票7回答
静态定位和相对定位的区别

在CSS中,静态(默认)定位和相对定位有何区别?