absolute 相关问题

在CSS中,`absolute`属性将导致元素相对于其第一个非静态父元素定位。

绝对位置:顶部0,底部:0,右侧:0,左侧:0和父填充物

位置绝对值及其所有属性都为0的子元素将在父元素中扩展,如果我在不带高度的父元素中添加填充,则位置绝对子元素的子元素...

回答 1 投票 0

列表项与 anchor tag]之间的菜单中不一致的交互作用> 为什么“菜单项2”中的下拉菜单ul没有完全与其父级li元素的顶部对齐? 将下拉列表ul CSS设置为: position:absolute; top:0; left:0; 我希望它从父元素的左上角开始覆盖,即完全覆盖它。 一些令人困惑的症状: 我希望父菜单可单击,并且在某些情况下具有下拉菜单。因此,在有下拉菜单的地方,父菜单<li>具有填充的<a>以增加可点击区域。由于<li>显示相同的填充区域,因此这也增加了包含的li:hover。这可以按需工作。 但是,当显示下拉列表并与<li>对齐时,<li>似乎位于之前 的位置,它已被<a>展开。当我在浏览器(Chrome和Firefox)中签入时,<li>元素实际上并未填充与<a>相同的空间,因此下拉列表显示了一些[ 我想要的位置。我知道我可以在绝对位置的下拉列表中使用top:SOME_NEGATIVE_OFFSET,但这感觉很hacky,我想了解发生了什么? 这是我的第一篇文章,请对我轻松一点:) <!DOCTYPE html> <html> <head> <title>DropDownTest</title> <style> ul{ list-style:none; margin:0; padding:0; } li{ display:block; position:relative; } li>a{ padding:1rem; background-color:grey; } li>a:hover{ background-color:lightgray; } .mainbar>li{ float:left; } li.hasDrop:hover>ul{ display:block; } .dropContent{ display:none; position:absolute; top:0; /*not working as expected*/ left:0; margin:0;/*thought this might have helped but no*/ padding:0; z-index:1; list-style:none; min-width:100%; } .dropContent>li>a{ display:block; } </style> </head> <body> <div> <ul class="mainbar"> <li><a href="#">Menu Item 1</a></li> <li class="hasDrop"> <a href="#">Menu Item 2</a> <ul class="dropContent"> <li><a href="#">Sub 1</a></li> <li><a href="#">Sub 2</a></li> <li><a href="#">Sub 3</a></li> </ul> </li> <li><a href="#">Menu Item 3</a></li> </ul> </div> </body> </html> 为什么“菜单项2”中的下拉列表ul不能完全与其父li元素的顶部对齐?将下拉列表ul CSS设置为:position:absolute;顶:0;左:0;我希望它是...

回答 1 投票 1

如何通过父高度自动调整绝对元素的大小?

我很难解决这个问题:(我正在开发一个React应用程序来训练自己。我的应用程序的基本结构如下: &...

回答 2 投票 2

C中的函数返回变量的初始值

我刚刚开始编程,但在理解具有返回值的功能方面遇到困难。例如,我尝试使函数返回实数的绝对值:include double absol(...

回答 1 投票 0

我如何使此弹出窗口显示在顶部而不是下面?

我有太多的CSS变量,我不知道要在哪里放置z-index(和值)或绝对CSS线来解决此问题。请提供任何帮助,因为悬停上的“冰白”图像会弹出...

回答 2 投票 0

计算数组的绝对值

嗨,我正尝试通过以下代码将绝对值计算为数组的浮点值:y = dr [0] * dr [0] + dr [1] * dr [1] + dr [2] * dr [ 2] x = np.sqrt(y)这不起作用,并给出TypeError。任何...

回答 1 投票 0

如何使父div对具有绝对位置的子div的宽度做出反应

CodeSandbox示例,我有一个自定义选择组件,其下拉列表的位置为:绝对,我希望选择的宽度与下拉列表的宽度相同。屏幕截图:我有这个我想要这个

回答 1 投票 0

HTML / CSS在分屏设计中元素的绝对位置

我正在尝试将光盘放置在页面中间,并与左右div重叠。我发现执行此操作的方法是使用下面的代码,但是光盘从右边的页面弹出...

回答 2 投票 -1

各部分的相对位置和绝对位置-相对部分相互干扰?

我试图通过几则消息进行聊天。我使用了相对的消息包装器,其中包含一个绝对位置的图片部分和一个绝对部分的消息文本。但是,由于某些原因,...

回答 2 投票 0


如何使绝对定位的元素不显示父级中的滚动条?

。parent {width:300px;高度:300像素;背景:红色;职位:相对} .child-green {位置:绝对;顶部:10px;左:250px;宽度:100px;高度:100px; ...

回答 2 投票 0

如何将一张纸牌内的img绝对定位在一张纸牌内,这是一个弹性项目(我想使其成为背景z索引-1)

正如我说过的,我试图在一张div内显示多张卡片,而该张卡片不应该在流程中,所以尽管每张卡片都是一个弹性项目,并且当我运行此代码时,它应该是绝对的...

回答 1 投票 -1

具有绝对div的定位和粘滞滚动的问题

我有两个div并排,第一个位于页面的60%上,位于左侧,相对,第二个位于右侧,因为这是我设法放置的唯一方法他们...

回答 1 投票 0

具有固定位置的列的表,未设置td和th的高度和宽度

我有一个前三列固定的表。我的前三列是固定的。我想要的是其余各列应根据其内容自动计算其高度和宽度。所以...

回答 1 投票 1

Mpdf,程序段绝对定位不起作用

我想使用绝对值来定位我的块,但是由于某些原因,无论左/顶部属性如何,它都停留在同一位置。这是我的PHP:$ mpdf = new \ Mpdf \ Mpdf(); $ mpdf-> WriteHTML($ ...

回答 1 投票 0

绝对定位不允许选中复选框

我在具有绝对位置样式的div中有2个复选框。然后,当我尝试检查它们时,我是不允许的。我试图删除仅用于复选框的位置,但是它不起作用。

回答 2 投票 1

绝对定位不允许选中复选框

我在具有绝对位置样式的div中有2个复选框。然后,当我尝试检查它们时,我是不允许的。我试图删除仅用于复选框的位置,但是它不起作用。

回答 2 投票 1

当存在叠加层时如何禁用滚动?

考虑一个内容溢出的容器。用户可以在两个方向上滚动以检查内容。当用户按下一个按钮(在下面的演示中缺少)时,整个容器都被覆盖了...

回答 2 投票 0

React-native:除非状态改变,否则绝对定位的组件不会完全渲染

我有一个屏幕,其中包含多个组件,其中一些具有相对的位置,而某些具有绝对的位置。打开屏幕时,绝对定位的组件不会一直到达其最终位置...

回答 1 投票 0

CSS-绝对位置受兄弟姐妹的余量影响

我有一个相对于父元素绝对定位的元素。但是,该位置受具有垂直边距的同级元素影响。为什么绝对定位的元素在-...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.