css-position

0热度

1回答

Velocity在我的项目中有部分工作，但我遇到的问题在JSFiddle（下面的链接）中是可重现的，我认为它可能以某种方式与项目的GitHub上的问题＃770相关页。（注：我有联系这一点，下面的其他物品，但没有信誉后超过2个链接，所以我的道歉不必看这些了。）我会想知道如果有人能：确认这是一个已知的bug，看到一个修复此问题，我在执行查找错误，或提供替代解决方案。我正在构建一个网站实现

1热度

2回答

自动溢出和顶级属性的组合导致奇怪的滚动

我想了解一些帮助理解为什么发生这种情况。当.item的top属性设置为170px时，由于overflow: auto，滚动全部搞砸了。但是，如果我使用margin-top而不是top，则滚动按我的预期工作。为什么会发生这种情况，以及在使用top而不是margin-top时需要采取什么措施来补救滚动的奇怪现象？ .container { width: 100vw; m

-1热度

1回答

不想要元素堆叠在彼此之上

我试图在名为contact-show的第二个段落中水平滑动第一个名为contact-list。现在，绝对和相对的立场是有效的。但是，当我试图插入包括电话号码的第二个div时，所有东西都堆叠在一起。我希望它们像块元素一样显示在另一个上面。据我所知，我使用绝对位置来使幻灯片效果工作，让第二个内容滑过第一个内容。如果我没有，他们不会在同一条线上滑过。 $('.contact-box').hover(

0热度

1回答

将Popup转换为Relative不起作用

我有一段在moseover上弹出消息的代码。它采用绝对定位编码，工作正常。但我需要将其改为相对定位，以便使代码更好地适用于移动设备。在这jsfiddle顶行是使用相对，并不起作用。底线是使用绝对和正在工作。请有人指出我要出错的地方吗？以下是我的代码： <style> .tooltips { position: relative; display: inline;

4热度

4回答

获取标题和控制按钮到这个“西蒙说”游戏中间

我正在一个西蒙说游戏，我有问题把标题和按钮从底部到控件部分的中间。我试过不同的css风格，但divs似乎没有移动。特别是，margin-top将元素更靠近中间。现在他们在页面的底部。这是迄今为止我所拥有的。任何帮助赞赏。由于 body { background: url("http://cdn.backgroundhost.com/backgrounds/subtlepattern

2热度

1回答

文本省略号在第一跨度

文字我要让这样的：两个span（span.title，span.date）在一行。 span.date旁边的span.title（未对齐父的右侧） span.title应该是文本溢出：省略号（未span.date） var title = document.querySelector('.title'); var text = title.innerText; document.qu

0热度

1回答

如何在文档流中保留相对定位的父级？

我有两个部分，第一部分是使用相对位置，并包含2个绝对儿童与儿童覆盖。第二部分包含一个标题。我想保留第一部分的位置相对流动，所以第二部分出现在下面。我理解绝对位置在文档流之外需要元素，但即使是相对父级，情况也是这样吗？我该如何保持家长流动？ .parent { position: relative; } .child { color: white;

10热度

6回答

麻烦与NOWRAP和最大宽度的绝对定位的元素

我猜这两个属性实际上并不共同努力，但我的情况：我试图创建一个工具提示组件。我的工具提示是绝对定位的，因为我不知道内容的长度是多少，所以没有宽度。因此，与宽度相关的CSS，文本只是形成一个高大而瘦的列。我试过max-width，但是在它自己身上，那什么都不做。所以我决定尝试white-space: nowrap，虽然它很好地不包装文本，但它似乎并没有以一种有用的方式来承认最大宽度，文本反而超出了元

1热度

1回答

如何使用固定位置获取Bootstrap的列满浏览器高度？

我需要做一个幻灯片，当用户点击一个特定的按钮出现在右侧。 <div class="col-md-3"> <div class="card"> content </div> </div> 它需要有一个固定的位置，我想和右：我正与这个网站结构，引导4使其0;所以它坚持在右侧。而且我也需要它是完整的浏览器高度。问题是，如果我用这个CSS，它延伸卡的宽度以及高度： .c

-1热度

1回答

如何恢复绝对定位的叠加元素顺序？

我有以下标记： .slider { position: relative; height: 100%; width: 100%; } .slider div { position: absolute; top: 0; bottom: 0; width: 100%; } <div