繁体   English   中英

元素未完全与底部对齐; 略低于底边

Element not fully aligned with bottom; Slightly lower than bottom edge

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

在具有相对位置规则的div内的元素上使用绝对定位时,该元素略低于父div的底部。 为什么会这样? 我该如何解决? 我意识到我可以修改.hoverAction的最低值,但这似乎更像是一种解决方法,而不是实际的解决方法。

 function showFileUploadDialog() { //do stuff } 
 #avatarContainer { display: inline-block; position: relative; } .hoverAction { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.65); color: white; display: block; width: calc(100% - 12px); padding: 6px; } #avatar { width: 200px; height: 180px; background-size: cover; background-position: center; border-radius: 1px; background-color: #eeeeee; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46); display: inline-block; } 
 <div id="avatarContainer"> <a class="popup-link" href="{{ anime.poster }}"><img id="avatar" style="background-image: url('http://www.herdofsquirrels.com/wp-content/uploads/2014/08/squirrel-nut-cute-animal-nature-grass-1920x1280.jpg');" /></a> <a class="hoverAction" href="#" onclick="showFileUploadDialog(); return false;">Update Avatar</a> </div> 

http://jsfiddle.net/pcwhmft6/1/

1 个回复

添加vertical-align: top; 顶你的img

#avatar {
    vertical-align: top;
}

http://jsfiddle.net/pcwhmft6/2/

或将图像设置为display: block (感谢@Justin Breiland引起注意)

1 粘性页脚略低于折叠显示

我想实现一个棘手的页脚,如本 ,但如果我的内容比页脚短仍部分出现过倍。 我可以看到大约25像素,我必须向下滚动才能看到其余的像素。 这是相关的CSS: 我正在使用Chrome,但Safari中也存在此问题。 我尝试过不使用伪选择器,但是有类似的问题。 除了页脚,我所有的内容都包装 ...

2 标签略低于文字输入

我在文本输入的左侧有一个标签,但看起来文本略低于输入底部。 这是我相关的HTML: 而我的CSS: 结果就是这样。 我该怎么做才能改变呢? 我假设我需要向#nicklabel添加一些CSS。 谢谢。 ...

2018-10-28 10:35:05 3 98   html/ css
3 公式返回的值略低于“正确”答案?

好的,我离数学天才还很远。 哎呀,我记得足够多的高中代数可以拼凑任何可行的公式,这对我来说是一个胜利。 因此,如果您在此处注意到一个不必要的冗长或令人困惑的公式,那就可以解释这一点。 但是,正如人们可以合理预期的那样,这里出现了问题。 我正在尝试制作一个简单的计算器,该计算器显示 ...

4 Button背后的边框略低于位置CSS

我试图在按钮CSS下面实现,我试图使用box-shadow以及伪代码,即之前仍未获得我想要的输出。 我想要的按钮: 我的代码: .et_pb_button { background-color: #f16922!important; width: 65%; outl ...

5 如何将浮点数剪切到略低于限制?

像numpy.random.uniform()这样的函数返回两个边界之间的浮点值,包括第一个边界但不包括顶部边界。 也就是说, numpy.random.uniform(0,1)可能会产生0但永远不会产生1。 我正在使用这样的数字并使用有时返回范围之外的结果的函数处理它们。 我可以使用 ...

6 Monogame的运行速度略低于目标fps

我最近更改了游戏,使其以144 fps的速度运行,而不是默认的60 fps,但始终保持在143 fps。 没什么大不了的,因为没有fps计数程序就无法分辨出差异,但是我仍然想知道为什么会发生这种情况以及如何解决它。 这是我的代码。 ...

8 Safari 忽略低于某个点的 css max-width 媒体查询

我正在优化响应式网站,而 Safari(桌面版和移动版)似乎完全忽略了某个点以下的媒体查询。 我有如下代码: Firefox 和 Chrome 都做出了适当的响应。 有没有人对正在发生的事情有任何想法? 您可以在此处查看该站点: http : //kgillingham.webfaction ...

10 找到“局部最大值”但忽略低于最高值的20%的值

我正在尝试创建一个函数来在我的数据的每一行中找到“局部最大值”但忽略它们是否至少不是连续“最高”最大值的20%。 我用来查找局部最大值的函数: 但我想修改它并仅在其他最大值至少为最高值的20%时才设置选择。 这是我的数据: 这是我的功能输出: 对于3行,输出不 ...

2014-04-08 10:26:23 1 127   r
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM