css-position 相关问题

CSS中的“position”属性允许您通过将其值设置为static(默认设置),relative,absolute,fixed或sticky来控制页面上元素的位置。

如何仅使用 CSS 将绝对元素自动居中在相对父元素中?

我看到有一些关于这个主题的帖子,但没有一个具体回答我的问题 http://jsfiddle.net/27van/ 显示了如何将文本水平居中。 我想将其垂直居中...

回答 1 投票 0

当元素宽度增加时,位置粘性不适用于水平滚动

我试图使用position:sticky来防止元素滚动到left:0以上。在某些情况下,这工作得很好,但我注意到,如果元素宽度增加,它就会停止工作。例如...

回答 2 投票 0

相对于其前一个同级元素定位 div 元素(钢琴键盘样式)

我正在使用 HTML + CSS 开发钢琴键盘。 我的代码结构如下: :根 { --钢琴宽度:600px; --钢琴高度:150px; --钢琴键间隙:1px; --钢琴黑键高度-...

回答 1 投票 0

安全区域插入底部

似乎新更新的 iOS 上的最新版本 Safari(截至本文发布仅几周)存在与安全区域插入底部相关的错误。固定的底部导航显示良好,并可调整...

回答 1 投票 0

文本较短时如何在聊天气泡布局中对齐元数据(时间和图标)?

它应该如何看起来“正确的版本” 看起来如何,“版本不正确” 当文本很长时,元数据看起来不错,但是,当文本很短时,例如,用户......

回答 1 投票 0

为什么在父级上应用 CSS 过滤器会破坏子级定位?

所以我有这个标题屏幕“动画”,其标题位于全屏页面的中心,当您向下滚动时,它会变小并保留在页面顶部。这是一个工作

回答 4 投票 0

显示:flex 干扰 .hidden 类 > 可折叠 div 可见,即使它不应该

我有一个主页,在此页面上有“添加问题”按钮,如果单击,预期的行为应该是页面顶部会出现一个可折叠的 div,并且还有一个...

回答 1 投票 0

如何确保我的大型菜单漂浮在网站内容上

我在 Wordpress 中使用 Avada Child 主题,最近开始在顶部导航上尝试超级菜单。大型菜单在主页上有效,但在其他页面上它位于“后面”......

回答 1 投票 0

将图像设置为位于 div 的右上角

我想将图像设置为位于 div 的右上角,如何实现? 。第一的{ 宽度:200px; 身高:20...</desc> <question vote="0"> <p>我想将图像设置为位于 div 的右上角,如何实现此目的?</p> <p><a href="https://i.sstatic.net/gTxND.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvZ1R4TkQucG5n" alt="I want to style this to reflect this screenshot"/></a></p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;style&gt; .first{ width: 200px; height: 200px; color: blue; border: blue; border-style: solid; border-color: blue; background: blue; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&#34;first&#34;&gt;testing this forum &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> </question> <answer tick="true" vote="1"> <p></p><div data-hide="false" data-lang="js"> <div> <pre><code>div { height: 175px; width: 175px; background: blue; position: relative; /* Additionally padding? */ } div &gt; img { height: 25px; width: 25px; position: absolute; top: 0px; right: 0px; /* Change top &lt; 0 and right &lt; 0 to be outside */ }</code></pre> <pre><code>&lt;div&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque velit elit, tempus non suscipit id, pretium a mi. Aliquam erat volutpat. &lt;img src=&#34;http://maciejczyzewski.me/assets/images/prints/head.jpeg&#34; /&gt; &lt;/div&gt;</code></pre> </div> </div> <p></p> </answer> </body></html>

回答 0 投票 0

位置为绝对的 div 从子图像中获取错误的宽度,仅在 Firefox 中

.div1 { 位置:相对; 底部填充:25%; 背景:浅珊瑚色; } .img-容器{ 位置:绝对; 高度:100%; 背景:绿色; } .img1 { 高度:100%; 不透明度:5...

回答 1 投票 0

元素隐藏在滚动块区域内

我发现一个行为,当我们使用溢出来滚动内容并尝试更改子元素的水平位置时,根块的宽度会增加,我们只能看到更改后的子元素...

回答 1 投票 0

如何阻止图像与相对位置重叠的文本

我已将图像放置在页面顶部和某些文本的右侧,但是当我调整浏览器大小时,图像(堆肥机)与 H1 文本重叠,即使它不与

回答 1 投票 0

如何仅使用 CSS 在圆形图上正确定位圆形末端边框?

我正在尝试仅使用 CSS 和 HTML 创建一个圆形图,其中每个部分都有一个在开始和结束处都有圆形末端的边框。但是,我正在努力定位 ::before 和 ::

回答 1 投票 0

位置:相对;右:0;尽管父母也是相对的,但似乎没有定位

感谢您花时间阅读我的问题,网络开发新手(几个月后) 我试图让导航相对于左侧定位。我经常遇到这个问题......

回答 1 投票 0

CSS 在使用绝对位置时,相对于某个项目会使两个项目都消失

我试图在导航栏下方进行搜索输入,但是当我使用绝对位置时,相对于我的图标,图标和搜索输入都会消失。但如果我不把它放在相对的位置,它就会出现。我想要我的

回答 1 投票 0

如何在 Bootstrap 3 中使用固定标题(导航栏)向下滚动表格行时将表格标题(thead)粘在顶部?

带有固定导航栏的引导布局。表格中有很多行。 问题?当我滚动页面导航栏时,它会在那里,因为它是固定的。当我滚动更多时,我希望表格标题是...

回答 11 投票 0

CSS 固定元素不溢出父级

我有一整页内容(.page-content),底部有一个粘性页脚。我需要一个垂直分隔符(白线),它占据 .page-content 高度的 100%。这有效。 我还需要一个...

回答 1 投票 0

如何叠加两张图片?

所以我试图让一个图像覆盖另一个图像,就像图像一样。一张图像覆盖另一张图像的屏幕截图 然而,每当屏幕改变尺寸时,覆盖的图像不会随之移动。它...

回答 1 投票 0

如何正确设置显示网格内的绝对元素?

我有下面的代码片段,我想要实现的是.child(面板)不应该显示在.content类的顶部,但是,.child设置在.data类的顶部。我不明白...

回答 1 投票 0

显示网格绝对位置无法正常工作

我正在尝试用一些里面有文本的卡片来做一个图像目录,但它不适用于文本上的绝对位置和卡片上的相对位置 /*目录样式*/ .grid-container {

回答 1 投票 0

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