-
7 votesanswersviews
具有绝对位置和底部属性的jQuery UI可拖动
我正在使用jQuery UI来创建一个可拖动的 <div> . <div> 绝对位于使用CSS的右下角或左上角： .dragbox { position: absolute; width: 140px; min-height: 140px; /* I need to use min-height */ border: 3px solid... -
16 votesanswersviews
CSS - “位置：固定”在Firefox中表现得像“绝对”
我一直在Safari中 Build 一个网站，我刚刚在Firefox中对它进行了测试，我的固定导航元素表现得好像它们的位置是绝对的 . #navigation { display: block; width: 100%; height: 50px; position: fixed; left: 0px; bottom: 0px; text-a... -
0 votesanswersviews
适合父母并保持宽高比的Div
我有一个保持宽高比的 div 元素：它根据宽度计算高度（使用填充技巧） . 我想做的是将 div 放入另一个，通过适当的垂直和水平可用空间，没有裁剪 . 我认为最接近我想要的是 object-fit: contain - 仅为 img . 我希望div能够在保持纵横比的同时覆盖最大高度和宽度 . 没有垂直或水平作物 . 只有CSS才有可能吗？如果是这样，怎么样？ 更新：好的article目前... -
-1 votesanswersviews
将3个Divs并排对齐位置：固定
我需要将3个div并排放置 . 下面是我的代码但是所有的DIV都出现在彼此之下，我猜这是因为固定的位置 . 然而，这是我的网站所需的定位 . .one是sidelinks bar，我希望有一个最小宽度：150px .two用于广告和说明链接.three是一个长div，其中包含需要可滚动的数据 . 我试过可能的方法，但没有什么工作可以jquery帮助？我希望所有人都处于固定的位置 . 当窗口最小化时... -
5 votesanswersviews
以绝对定位为中心，不知道宽度或高度
我正在创建一个叠加层 . 有一个div用50％透明黑色涂在整个页面上 . 另一个div必须在屏幕上垂直和水平居中 . 它必须绝对定位 . 无论如何在不知道高度/宽度的情况下做到这一点？它将根据屏幕res进行更改 . 当你知道高度和宽度时，我熟悉绝对定位对中技术（即左边：50％;边距左边：-150px;顶部：50％;边缘顶部：-300px;）......但是，如果不知道高度/宽度，我可以这样做吗？这... -
2 votesanswersviews
如何将图像放在常规文本行之外的QTextEdit中？
我希望能够在一行文本中的任何给定字母上方的QTextEdit中插入图像 . 最初，我以为我可以在html对象中使用position：absolute属性，但QTextDocument不支持 . 我也试过在光标处插入html图像，但是我能用这种方法得到的最接近的是在文本行中插入一个图像，使用这样的html： <img src="/smiley.png" style=&quo... -
531 votesanswersviews
如何将“position：absolute”元素居中
我有一个问题集中在一个属性 position 设置为 absolute 的元素 . 有谁知道为什么图像没有居中？ body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position:... -
0 votesanswersviews
IE9 - 位置：相对;悬停问题
我有点难以解释所以我在这里提供了一个有效的例子：http://jsfiddle.net/CVPhW/2/我尽可能地剥离了它但是我把所有包含 div 的内容留在那里以防它们在某种程度上相关 . 尝试将光标悬停在每个按钮的最底部，除非您将光标向上移动10个像素，否则您将看到悬停不会激活 . 它在FF，Chrome中运行良好，不管你信不信，甚至IE6 . 这与应用于 #menucontainer ul ... -
2 votesanswersviews
定位禁用悬停选择器和鼠标悬停事件
这个jsfiddle .. https://jsfiddle.net/9e1wd245/12/ ..演示了一个我想比我更了解的浏览器行为 . 如果从crumbtray和crumb中移除定位，则当碎屑悬停时应用悬停选择的CSS，并且当鼠标进入碎屑时触发鼠标悬停事件 . 定位到位后，这些都不会发生;但如果将鼠标悬停在顶部边框上，则会应用悬停CSS并触发鼠标悬停事件 . （在这种情况下，使用的方法使用定... -
7 votesanswersviews
为什么translateX不能像IE9，IE10和IE11上的固定元素一样工作？
我试图在IE9，IE10和IE11中实现以下功能（在Chrome和FF上完美运行）： 在移动模式下，我有一个主 #container 包装器，它包含整个站点内容和一个导航侧菜单div，它位于 #container 内（不能移出，顺便说一句），但是不可见并隐藏在屏幕外 . 当用户单击菜单打开切换按钮时，它应该向右滑动 #container ，显示直接位于其左侧的导航侧菜单div . "s... -
1 votesanswersviews
删除块中的水平滚动，其中“position：absolute”div为内部
http://codepen.io/evilandfox/pen/EVJeqm 我正在制作移动网站宽度侧边栏，通过向左和向右滑动显示 . 有一个div容器，包括三个其他div块：菜单（左侧边栏），内容和右侧边栏 . 侧边栏位于内容的左侧和右侧，“position：absolute” . 因此，在滑动时添加类通过更改容器的左侧位置来显示左侧或右侧边栏 . 问题是容器有水平滚动条 . “溢出：隐藏”... -
66 votesanswersviews
如何使固定元素的内容仅在超出视口高度时才可滚动？
我在网页的左侧有一个 div fixed ，其中包含菜单和导航链接 . 它没有从css设置的高度，内容决定高度，宽度是固定的 . 问题是如果内容太多， div 将大于窗口's height, and part of the content will not be visible. (Scrolling the window doesn' t帮助，因为位置是 fixed 而 div 不会滚动 .... -
11 votesanswersviews
CSS位置绝对与作为相对的父元素有关
在我从他们已经变成的已弃用的灰尘中更新我的CSS技能的漫长旅程中，我一直在玩某些CSS属性 - 特别是z-index-我注意到一些奇怪的东西或者可能存在某种情况 . 示例：http://jsfiddle.net/mEpgR/ 元素div1的父元素是cont，我将div1的position属性设置为绝对值，但是当我移动它时，它相对于它的父元素移动 . 我的印象是，设置为绝对定位的项目是局外流，并且仅... -
96 votesanswersviews
中心对齐固定位置div
我正试图在我的页面上找到一个 position:fixed 居中对齐的div . 我一直能够使用这个“黑客”绝对定位的div来做到这一点 left: 50%; width: 400px; margin-left:-200px ... margin-left的值是div宽度的一半 . 这似乎不适用于固定位置div，而只是将它们的最左边角放置在50％并忽略margin-left声明 . 有关如何解决... -
132 votesanswersviews
绝对定位忽略父级的填充
你如何使绝对定位元素尊重其父元素的填充？我希望内部div在其父级的宽度上伸展，并且位于该父级的底部，基本上是一个页脚 . 但孩子必须尊重父母的填充，而不是那样做 . 孩子被压在父母的边缘 . 所以我想要这个： 但是我得到了这个： <html> <body> <div style="background-color: blue; padding... -
1 votesanswersviews
绝对定位的元素相对于变换元素的位置
我重新创建了一个我在模板中遇到的问题 . nav 有 position: relative; . 在 nav 内部有一个 div ，其中嵌套了两个列表 .其中一个列表绝对是坚持 nav 的底部 . 当 div 应用了转换时会发生此问题 .当绝对和相对定位元素之间的 div 得到变换属性时，绝对列表相对于 div 而不是 nav 定位自己 . MDN Docs state the follow... -
99 votesanswersviews
有一个固定的位置div，如果内容溢出需要滚动
我实际上有两个问题，但我们先解决主要问题，因为我相信另一个问题更容易解决 . 我在滚动的左侧有一个固定的位置div用于菜单 . 右侧是正确滚动的标准div . 问题是当浏览器视口太小而无法看到整个菜单时......没有办法让它滚动我可以找到（至少不用css） . 我尝试在css中使用不同的溢出，但没有任何东西使div滚动 . 包含菜单的div设置为min-height：100％和position：... -
2 votesanswersviews
在表中的粘滞行和列 Headers
我正在尝试设计一个具有粘性 thead 和粘性行 Headers 的表 . 所以，基本上，所有 th 元素都必须是粘性的 . 我偶然发现position: sticky css3属性似乎是这项工作的一个很好的候选人，即使它在许多浏览器中尚未得到支持（这对我来说不是问题） . 但MDN文档说： 'position：sticky'对表元素的影响与'position：relative'相同 . 考虑... -
3 votesanswersviews
在Zurb基金会重叠div
我今天刚刚开始使用Zurb的Foundation，到目前为止我非常喜欢它 . 它使 Build 一个网站真的很快 . 我已经看到了如何使用我喜欢的列数和嵌套列创建行 . 现在我有一个问题 . 在使用Foundation之前，我正在开发一个由包装器组成的网站，其中包含带有导航菜单的 Headers 和带有图像滑块的div，该图像滑块与 Headers 重叠并且部分重叠显示主要内容的网站的下划线部分 ... -
1 votesanswersviews
使搜索栏坚持 Headers /标签离子
我在离子上搜索时实现了pull刷新 . 当我下拉刷新结果时，搜索栏也被拉下来 . 如何使搜索栏元素坚持 Headers 或标签，以便只搜索结果被拉下来 . <html ng-app="ionicApp"> <head> <meta charset="utf-8"> <meta name="... -
3 votesanswersviews
WPF WebBrowser控件 - 位置：固定元素在滚动时跳转（Windows 8）
我们使用WPF WebBrowser控件来显示嵌入页面 . 在Windows 8上，我们观察到具有css位置的元素的奇怪跳跃行为：在滚动时固定 . 同样的页面在Windows 8（也是FF，Chrome）上的IE10和Windows 7上的WPF WebBrowser控件中都能正常工作 . 有没有人见过这种行为，并知道跳跃运动的修复？ 与开发机器上的.Net版本4相比，测试机器上使用的.NET版... -
1 votesanswersviews
使用元素的Z-Index相对于重叠图像定位
site：forus-group.com 我试图将右侧导航定位为重叠滑动 Headers 图像 . 无论我给它的z-index有多高，它都不会与图像重叠，其父级部分的z-index为3.两个元素都是粗略的，相对于促进z-index的定位 . 即使我试图给图像本身一个负z-索引，它们仍然与右列重叠 . 相关CSS如下： #right { width: 275px; positio... -
529 votesanswersviews
固定位置但相对于容器
我正在尝试修复一个 div 所以它总是粘在屏幕顶部，使用： position: fixed; top: 0px; right: 0px; 但是， div 位于居中的容器内 . 当我使用 position:fixed 时，它修复了相对于浏览器窗口的 div ，例如它在浏览器的右侧 . 相反，它应该相对于容器固定 . 我知道 position:absolute 可用于修复相对于 div 的元素，但是... -
76 votesanswersviews
CSS（webkit）：覆盖绝对定位元素的顶部顶部
我在覆盖一些插件CSS方面遇到了问题 . 直接编辑CSS实际上不是一个选项，因为它会使更新插件更具风险 . 问题：元素具有绝对定位，并且在原始元素中具有顶部：0px . 我想通过底部覆盖它：0px . 为了举个例子 .element {position:absolute; top:0;} /* in another file */ .my .element {bottom:0;}... -
217 votesanswersviews
即使有滚动条，也让div始终保持在页面内容的底部
CSS Push Div to bottom of page 请查看该链接，我想要相反：当内容溢出到滚动条时，我希望我的页脚始终位于页面底部 complete ，如Stack Overflow . 我有一个 id="footer" 和这个CSS的div： #footer { position: absolute; bottom: 30px; width:... -
34 votesanswersviews
禁用水平滚动条，因为DIV位置：绝对位于页面之外
我有一个位于页面“外部”的绝对定位元素，但我希望浏览器（我使用的是Firefox 3）不显示水平滚动条 . 看起来显示位于左侧的div（例如，具有“left：-20px”）是可以的，并且没有显示滚动条 . 但是右边的相同内容（“右：-20px”）始终显示滚动条 . 是否可以隐藏滚动条，但是可以保持标准滚动？我的意思是我只想禁用由于这个绝对定位元素的滚动，但是由于其他元素而保持滚动（我知道我可以完全...