css-position相关内容

将鼠标悬停在子项上时,防止flexbox列表项更改父项的宽度

我有一系列列表项,有些有子列表,其中包含子导航链接。我使用CSS通过在子 上显示 display:none 来创建悬停效果,然后设置为 display:悬停时会阻止。 但是,这样会产生使父级 在悬停期间增长。有办法防止这种情况吗?将鼠标悬停在没有子列表的 项目上时,其宽度保持不变。 ..
发布时间:2020-10-12 02:38:08 前端开发

位置:固定重叠页面

这是小提琴。我正在制作杂货清单网络应用程序,并且正在将顶部div设为固定位置。当我这样做时,div似乎与页面的其余部分重叠。我试过在CSS中使用两个位置( position:relative; position:fixed ),但这不能使div保持固定。 CSS(用于div): #top { 宽度:100%; 高度:40像素; 背景:#96f226; text-align:c ..
发布时间:2020-10-12 02:07:20 前端开发

相对和绝对定位混乱

我是html / css的新手,我刚刚开始全神贯注于定位,但似乎有些误会。现在,我正在尝试创建一个页面标题,该页面标题的下方是水平分隔线。我的标头放置在绝对位置,顶部和左侧的值为0,高度为88。我认为,如果我给定水平分隔线位置:相对,高度为5,它将最终位于标头下方。相反,它最终显示在页面的顶部,我对原因感到困惑。 我想在页脚上方的页面上再次使用此水平分隔线,所以我不想给此水平分隔线位置:绝对 ..
发布时间:2020-10-12 01:44:45 前端开发

为什么我的绝对/固定位置元素没有位于我期望的位置?

我正在学习CSS的定位。基于我发现有用的文章,我开始玩转。 使用以下代码,我无法理解为什么绝对灰盒div是在其相对父级之外。我希望灰色框位于容器的左上角。 .container {背景:浅蓝色;位置:相对;}。box-orange {背景:橙色;高度:100px;宽度:100px;职位:相对顶部:100px;左:100px; z-index:2;}。box-blue {背景:ligh ..
发布时间:2020-10-12 00:06:24 前端开发

“位置:粘性”如何进行?物业工作?

我想使导航栏在滚动到顶部时停留在顶部,但是它不起作用,我也不知道为什么。如果可以的话,请帮我,这是我的HTML和CSS代码: 。导航选择{文本转换:大写;字母间距:5px;字体:18px“ lato”,sans-serif;显示:inline-block;文字修饰:无;白颜色;内边距:18px;浮动:正确;左边距:50px;过渡:1.5秒;}。nav-selections:悬停{过渡:1.5 ..
发布时间:2020-10-12 00:06:20 前端开发

将图像放置在线性布局中的绝对位置

我有一个使用菜单创建的android应用程序,该菜单带有一组按顺序排列的按钮. 我有一个徽标图标,我想将其固定在页面的右下角并添加一个边距.我该怎么办? 页面本身位于LinearLayout中.但我希望可以添加一个具有绝对位置的元素! :) 我使用的是android 2.2 sdk 谢谢 解决方案 使用嵌套布局.. ..

如何使绝对子宽度独立于相对父宽度?

我需要通过其子菜单来实现此菜单: 我将主菜单设置为带有li float: left; display: block;的ul/li,并且在它们内部有一个具有属性display: block;和一些填充的元素. 每个li都有position: relative.在每个li中都有一个.main_menu_submenu div,其中position: absolute.在内部,它还有另一个u ..
发布时间:2020-07-19 07:22:49 前端开发

相对于父元素的固定位置

我对CSS比较陌生.我遇到了一个问题,试图在其父元素旁边修复一个元素.我可以使用以下代码来做到这一点: 父元素: #search_results{ position:relative; } 子元素: .total { position: fixed; top:10px; width:250px; left: 75%; /*overflow: hidden;*/ margi ..
发布时间:2020-07-19 07:06:31 前端开发

是大多数浏览器的错误吗?:忽略相对于"tbody","tr"和"td"的位置?

当您尝试将元素绝对定位到tbody,tr甚至td时,您发现它在大多数浏览器中均不起作用.它可以在Firefox中按预期工作.不在IE,Edge和Chrome中. tbody,tr甚至td上的 position: relative都将被忽略.然后将具有position: relative的第一个父级用作绝对放置的“锚". 顺便说一句:将tbody设置为display: block时,pos ..
发布时间:2020-07-19 07:06:27 前端开发

位置:相对于其父级的z-index是固定的z-index吗?

我在一个相对定位的元素内有一个固定位置的元素,据我所知,position: relative元素对position: fixed不应该有任何影响(固定元素是相对于窗口定位的,对吧? ). 但是,固定元素的z-index似乎是由其父级继承的,以至于它的z-index不能高于其父级的z-index. 我希望我有道理?下面是我正在谈论的HTML示例: .outer { po ..
发布时间:2020-07-19 07:02:04 前端开发

CSS网格项目上的粘性位置

我在这里查看了其他示例,但是找不到使该功能起作用的示例.我希望页面滚动时侧边栏(部分)保持粘性.位置:如果将其放在导航上,便可以使用粘性,因此我的浏览器def支持它. main { display: grid; grid-template-columns: 20% 55% 25%; grid-template-rows: 55px 1fr; } nav { b ..
发布时间:2020-07-19 07:01:51 前端开发

如何获得具有相对位置的重叠div?

我希望将几个div彼此排成一行,但也希望它们与上一个div重叠. 我要获取的是具有特定时间长度的事件的div的时间轴.这些事件可以相互重叠. 我的想法是给每个div相同的顶部位置,z索引增加,左侧位置增加(根据事件发生的时间).稍后,我将通过鼠标悬停事件弹出各个div,以可视化重叠. 我要做的是使每个div置于下一个div下.摆弄top属性,可以使它们水平对齐,但看不到图案. ..
发布时间:2020-07-19 05:35:42 前端开发

如何居中放置宽度未知的绝对位置的内容?

在有人问我为什么要这么做之前,让我直接告诉你.这样你们中一个聪明的偷窥者可以告诉我一种更好的方法... 我正在为绘画的查看器做准备,绘画应该拉伸以填满整个页面,准确地说,这是屏幕高度的90%.我想将一幅画逐渐淡化,然后将每幅画置于屏幕中央. 要使绘画彼此渐隐,我需要将它们“绝对"放置以阻止它们堆叠.麻烦来了.自从将它们设置为绝对值以来,我用来使包含div居中的每种方法都无效. 部 ..
发布时间:2020-07-19 05:23:09 前端开发

当位置:绝对时,如何删除Left属性?

选择特定语言后,我会将网站CSS覆盖为RTL版本. 我有一个必须具有绝对定位的元素.在LTR版本中,我执行left: 0px;,它在左侧对齐;在RTL版本中,我想对right做相反的操作,但是left属性没有被覆盖,因此它仍然保持在左侧. 我曾尝试使用!important进行黑客入侵,但这没用. 我尝试设置left: none,但这没用. 如何在覆盖时将其设置为无或完全删除? ..
发布时间:2020-07-19 05:13:42 前端开发