草庐IT

绝对性

全部标签

html - CSS 绝对定位(4 颗钻石靠在一起)

您好Stackoverflow用户!我再次需要你的帮助。我试图将4个菱形放在页面的中央,以充当着陆页上的导航。这4颗钻石应该自己做成一颗钻石,我真的不知道该怎么做。我试过做绝对位置,但后来它的react很糟糕。我在这个网站上有Bootstrap,所以也许有列的解决方案?我已经尝试了一切,请帮忙。.diamond-top{position:absolute;top:25%;left:39%;}.diamond-left{position:absolute;left:30%;top:38%;}.diamond-right{position:absolute;left:48%;top:38%

javascript - 在绝对定位元素周围环绕文本

我遇到了一些问题,其中有大量带有消息框的内容页面。在这个消息框中,您可以有图像、文本、标题等。但是每个消息框的右上角都会有一个图标。如果我使用position:absolute,图像将很好地位于框的顶部。但是,如果消息框有一个标题或一个段落,并且填充了框的宽度。文本将位于图像下方。我基本上需要一个宽度的图像包装器,这样文本只会一直坐到图像的边缘。我99%确定我通过将绝对定位的图像包装在一个div中并赋予它一些样式,让它在firebug中工作。但我今天似乎无法让它工作!有数百个页面,因此无法移动HTML。该图像目前没有包装器。所以我不得不使用Jquery来包装图像。(这就是答案)。我知道

html - 在 IE8 中水平居中绝对 DIV

如果那个div也是绝对的,是否可以水平居中一个div?以下内容在Chrome/Safari/Firefox中运行良好,但在IE8中它位于最左侧:.holder-answers{position:absolute;display:none;left:0;right:0;margin-left:auto;margin-right:auto;top:200px;width:501px;} 最佳答案 你能不能不试试:.holder-answers{position:absolute;top:200px;left:50%;width:501p

html - 在绝对定位的 div 内居中 float div

我有这套html和css。我想要的是必须让小gadgetsblock向左浮动,但在绝对定位的gadget-wrapper内部居中。因此,小工具包装器绝对定位到页面底部。它包含x个漂浮在包装器内部的小工具。所有这些小工具都应该在包装器内居中-这可能吗?如何......?这真是要了我的命....HTML1notsetnotset2notsetnotset3notsetnotsetCSS#gadget-wrapper{width:900px;font-family:"CenturyGothic";color:#FFF;position:absolute;bottom:10px;outline

html - CSS - Z-index 不适用于相对和绝对位置

我已经使用纯css3制作了下拉菜单,但是一个属性(z-index)没有按我预期的那样工作,这是一个非常大的问题,因为下拉列表在菜单上方。理想情况下,它必须放在菜单下。我整天都在尝试解决这个问题,但不幸的是无法弄清楚,所以现在寻求帮助......我为问题元素制作了不同的背景颜色,以便更好地了解我想要达到的目标。主要目的是红色背景的子菜单必须在蓝色背景下。附言我已经尝试使用jQueryslideDown/slideUp属性制作此菜单,但它们看起来不像理想的幻灯片效果(如我的示例所示)。它们看起来更像是在拉伸(stretch),而这不是我想要的......EXAMPLEONJSFIDDLEu

javascript - 将绝对位置转换为相对位置

是否可以将DIV位置从绝对位置更改为相对位置(以及从相对位置更改为绝对位置)?DIV应保留在同一位置。 最佳答案 因为评论中的格式不起作用我将在此处发布解决方案$(object).css({position:'absolute',top:dy,left:dx});//dy,dx-somecoordinates$(object).css({position:'relative'});不起作用:更改为relative后的元素位置不同。但是当我存储偏移量并在更改为相对值后再次设置它时,位置是相同的:$(object).css({posit

html - "text-align: center;"不应该应用于绝对定位的元素,不对其子元素执行任何操作吗?

我先让你看看代码,然后告诉你我的问题是什么:Tinkerbin:http://tinkerbin.com/x8iGCFsZdiv.container{height:200px;width:200px;background-color:red;margin-top:10px;}div.subContainer{position:relative;text-align:center;}div.inner{position:absolute;background-color:yellow;width:150px;}bananasforbreakfast所以,根据课本,text-align:c

html - CSS 绝对位置,其中 div 的左上角位于父级的右上角

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭10年前。社区在去年审查了是否重新打开这个问题并让它关闭:原始关闭原因未解决我想绝对定位一个div,使div的左上角附加到父div的右上角(相对定位)。你有什么解决方案吗?这是一个fiddle开始

html - 位置绝对左边 :50% does not position span in the middle

我有一个包装div,里面有一个绝对定位到换行,因为它是Icomoon的图标,我需要成为背景的一部分。然后,与处于同一级别,另一个div,在里面我有一个,一个,一个和一个.我已经定位了absolute到换行(它有相对位置),但虽然我想把它放在中间,但它只需要left:26%,根本不是50%!所以当我调整屏幕大小时,问题就变成了,它不会停留在换行的中间。我就纳闷了,为什么会引起呢?我刚才发布了另一篇文章,因为我想将这个问题包含在JSFiddle中,但我不知道如何将字体文件包含在JSFiddle中,这样图标就不会出现在那里。有没有人知道我可以做些什么来修复它?.containerOfSite

html - 绝对顶部 :0 bottom:0 not working inside table-cell in IE11

根据我之前的一个问题,我有这个fiddle在小View中,它在一列之上有两列,在其他View中,它在一行中有3列。这按预期工作。但是,在设计方面,我希望内容block之间有空间。为了解决这个问题,我在单元格内制作了一个绝对定位的元素,该元素的大小会相应地填充空间,但会留下一个空隙。这在Chrome中运行良好,但是IE11、桌面、Windows8应用程序和WindowsPhone都无法按预期运行。在IE11中,block只会扩展以适应内容(即使绝对block不包含任何内容......)我认为这是因为IE正在考虑浏览器添加的自然单元格填充以使单元格同样的高度。更重要的是:如果你给block