css - 令人沮丧的 CSS float 问题

标签 css wordpress mailchimp

<分区>

我让两名开发人员查看了此问题,但他们无法找出导致问题的原因。

在以下站点上,订阅栏(页面顶部)在 Chrome、Safari 和 Firefox 中看起来不错并且功能正常,但在 IE 中出现问题,它将订阅按钮向下移动一行并与“资源”重叠导航元素。必须为 float 设置一个特定的宽度才能正常工作,但是当您将宽度设置为自动时,它会 float 在其左侧的元素下方。虽然它仍然以这种方式正常运行,但它是有问题的,因为它看起来很糟糕。

我认为问题与 CSS 相关,但也请注意我在 WordPress 中使用了一个主题并集成了 MailChimp 订阅表单。

如有任何想法或建议,我们将不胜感激。

提前谢谢你 - Ashleigh

Site Reference

最佳答案

请注意,我也不是 CSS 专家。

我正在使用 Firefox 16.0.2 查看您的网站,我看到了您所描述的相同问题。

使用 Firebug,我相信你应该删除 width: 430px来自 <div id="mc_signup"> .当前宽度对于完整的表单来说太小了,我认为这是订阅按钮移动到表单其余部分下方的原因。 (它只是换行,因为没有足够的水平空间)

看截图,蓝色区域就是<div id="mc_signup"> , 限制为 430px。

screenshot http://img841.imageshack.us/img841/1540/denised.png

我希望这能回答您的问题。

关于css - 令人沮丧的 CSS float 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13241128/

相关文章:

javascript - 尝试以 sibling 为目标并使用 greensock 制作动画

html - * * CSS 选择器有什么作用?

html - 如何调整每个窗口的大小?

javascript - jQuery - 如何在嵌入 Mailchimp 表单电子邮件提交后添加 "Thank you"消息?

xml - Mailchimp 仅列出一个 RSS 项

php - Wordpress- 一个使用短代码显示 HTML 内容(数据库)的插件

mysql - WordPress 中的 Gzip 压缩内置功能

wordpress - Contact Form 7 日期选择器中的今天日期

wordpress - 如何在网络中的另一台计算机上访问 wordpress-docker 站点

javascript - MailChimp jQuery 冲突