纯 css 中的下拉表单,带有棘手的右对齐

发布于 2024-12-18 20:48:43 字数 359 浏览 0 评论 0原文

我想让表单仅在鼠标悬停在图像上时可见。

我为它做了一个小提琴: http://jsfiddle.net/SoonDead/WScEP/

这里是我想要实现的目标:

我想要实现的对齐

包装器具有固定宽度,图片也是具有固定宽度,但下拉菜单具有变化的宽度。

我想右对齐下拉表单,就像 .cart-button 图片一样。

这应该不是那么困难,但我对此感到很烦恼。

I want to make a form only visible if the mouse is hovering an image.

I made a fiddle for it: http://jsfiddle.net/SoonDead/WScEP/

Here is what I'm trying to achieve:

The alignment I'm trying to achieve

The wrapper has a fixed width, the picture also has a fixed width, but the dropdown has a varying width.

I want to right align the dropdown form, just like the .cart-button picture.

This should not be so difficult but I'm pulling my hair out over this.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

十六岁半 2024-12-25 20:48:43

也许这就是您所追求的:
http://jsfiddle.net/peduarte/WScEP/6/

我已添加CSS 部分中的注释以及添加的内容。

Maybe this is what you're after:
http://jsfiddle.net/peduarte/WScEP/6/

I have added comments in the CSS section with what's been added.

傲世九天 2024-12-25 20:48:43

像这样的东西吗?

http://jsfiddle.net/WScEP/4/

Something like this?

http://jsfiddle.net/WScEP/4/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文