position 相关问题

位置是指元素相对于其容器的位置,通常在水平轴和垂直轴上。

当我添加按钮时,导航会向左移动

所以基本上我想将导航保持在中心,但每当我添加按钮时,导航就会向左移动。如何始终保持导航居中? 所以基本上我想将导航保持在中心,但每当我添加按钮时,导航就会向左移动。如何始终保持导航居中? <nav> <div class="logo"> <h3>LOGO</h3> </div> <ul class="nav-links"> <li><a href="#">Home</a></li> <li><a href="#">Eggs</a></li> <li><a href="#">Oats</a></li> <li><a href="#">Cook</a></li> <li><a href="#">Cream</a</li> </ul> <div class="nav-buttons"> <button type="submit">Sign in</button> <span>|</span> <button type="submit">Sign up</button> </div> </nav> </div> </header> 导航 { 显示:弯曲; 对齐内容:空间之间; 对齐项目:中心; } 导航李{ 显示:内联块; 边距:0px 15px; 列表样式:无; } 导航 { 文字装饰:无; 颜色:白色; } .标志{ 颜色:白色; } .nav-链接 { 位置:绝对; 左:50%; 变换:translateX(-50%); } 好的,所以我解决了这个问题,并在 .nav-links idk 上使用了绝对位置(如果这是正确的方法的话)。 您可以使用 flex 或 grid 示例: div ul{ display: flex; justify-content: center; } div ul li { margin: 0 10px; list-style-type: none } <div> <ul> <li>hi</li> <li>hi</li> <li>hi</li> <li>hi</li> </ul> </div>

回答 1 投票 0

垂直导航栏定位问题

我正在学习 CSS,我厌倦了定位,有人可以告诉我,为什么垂直导航栏与水平导航栏重叠?我希望垂直方向具有粘性,并且内部的链接元素对于导航栏来说是绝对的,因为...

回答 1 投票 0

html中div重叠时如何去除像素? [已关闭]

我正在以一种使两个 div 重叠的方式放置它们。但这样做会使重叠部分更亮。小重叠 中重叠 顶部和底部可以发现更亮的像素,甚至...

回答 1 投票 0

如何获得我网站首页的正确位置?

网站创意 到现在为止 第一张图片是我想要的网站的样子。所以标题位于标题元素的中间。标题周围有黑色边框。 头下面...

回答 1 投票 0

无论我做什么,Unity 都不会相对于玩家而不是世界移动

我决定有一天要制作一款3D游戏,我让相机环顾四周以及一切,但是当我尝试制作WASD运动时,它不起作用。我尝试了所有教程、AI 和代码片段

回答 1 投票 0

由于位置:绝对,触发滚动事件时按钮元素不会粘在浏览器的左侧和右侧。有什么解决办法吗?

我正在尝试通过按钮实现垂直轴上的滚动事件。当用户单击按钮时,容器应该简单地用按钮垂直滚动到内容的末尾。但是,...

回答 1 投票 0

CSS - 您可以创建一个与父 div 重叠的 div,同时将父级设置为“overflow:auto”吗?

我有一个可滚动的div,其中溢出设置为自动。 在该 div 中,我想将一些项目扩展到可滚动父 div 的边框之外。 如果我将可滚动 div 设置为

回答 1 投票 0

如何在flutter中将小部件定位到导航栏底部?

我需要将高度为 5.0 且宽度无限大的容器放置在底部导航栏项目中的底部。但是当前位置和底部导航有差距...

回答 2 投票 0

当鼠标水平移动到元素的一部分时,悬停动画重置(似乎恢复到原始CSS,然后再次悬停)

我正在尝试制作一个卡片动画,其中甲板顶部的卡片在悬停时会向上平移。不幸的是,如果我将鼠标水平移动到

回答 1 投票 0

从“可见”区域或窗口获取UITableviewCell位置

我基于uitableview和uitabbar创建了一个iPhone应用程序。在表格视图的每个单元格上,我都有一个“添加到收藏夹按钮”。 当我按下这个按钮时,我想让单元格从她的位置“跳”到...

回答 4 投票 0

如何在输入文本框内放置“复制到剪贴板”图标?

我正在设计一个密码生成器,但在尝试将“复制到剪贴板”图标放置在将生成密码的输入文本框中时遇到问题。 我尝试放置

回答 1 投票 0

WebGL 在顶点着色器中定位顶点?

我的目标是为着色器顶点内的顶点指定自定义位置,而不是依赖 JavaScript“new Float32Array(positions)”来定义顶点位置。数据应该

回答 1 投票 0

根据列位置替换 NA

我有这张桌子 我希望第 2:6 列中的 NA 为“Ag”,第 7:12 列中的 NA 为“Non-Ag”。我正在考虑这样处理它:如果 NA 并且在 2 到 6 t 之间的列中...

回答 1 投票 0

布局问题,子元素的确切位置

我的问题img 不管你如何在不使用边距的情况下放置这个菜单,都不要把所有细节都划掉,我只是不知道如何在中心建造一座房子,而且它会忽略其他房子 ...

回答 1 投票 0

绝对定位的孩子溢出父母边框

我在相对(父)容器中有一个绝对定位的(子)元素。我希望绝对定位的元素跨越其容器的整个宽度,包括填充和边框。 ...

回答 3 投票 0

将固定元素置于容器内中心

我目前正在开发一种表单,该表单应该通过网络组件嵌入到不同的网站中。 当发送表单并且 API 返回错误时,弹出/模式/警报应该......

回答 1 投票 0

更改 ggplot2 中小提琴图的顺序

您好,刚刚开始在 R 中使用小提琴图,我对结果非常满意,但是,出于某种原因,尽管尝试了各种替代方案,但我无法更改 x-

回答 1 投票 0

将元素聚焦在位置粘性容器内时出现滚动错误

我已经为页面创建了粘性滚动间谍导航,但是当用户聚焦链接或复选框时,会出现奇怪的行为。仅当容器具有位置粘性时才会发生此错误,在位置固定此...

回答 2 投票 0

当第一个节点被移除时,如何让多个节点对齐并向上移动? (GD脚本)

我正在Godot中制作一个答题器,我希望升级能够以某种方式排列,以便一旦您购买升级,下一个升级(或节点)就会向上移动以填补该位置。有点难以解释...

回答 1 投票 0

div的绝对定位,不与上面的div重叠

我有一个 div,我希望将其放置在网页底部。我可以使用position:absolute来实现这一点。但是,当窗口变小时,我不希望它与上面的 div 重叠。这...

回答 6 投票 0

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