jquery循环插件浮动问题及浏览器兼容性

发布于 2024-11-17 18:46:19 字数 472 浏览 2 评论 0原文

我正在为自己作为自由职业者建立一个新网站。我计划在标题中使用循环插件,但遇到了一个小问题。 我为需要循环的项目编写了 HTML 和 CSS。 div#featured 中的每个 div.feature 都应该循环。一个 div.feature 包含一个图像和一个 div.info。它们都向左浮动,因此它们会出现在彼此旁边。 编写 HTML 和 CSS 后,我编写了 Jquery,当我测试页面时,我看到第一个 div.feature 完美显示,但在第一个循环之后,所有浮动似乎都出了问题。

您可以在这里查看: http://webstudions.be/projects/layout6/

还有 chrome 和 safari似乎又犯了一个与firefox、ie9和opera一样的错误。

有谁知道我应该如何解决这个问题或者如何让它发挥作用?

I'm building a new site for myself as freelancer. I'm planning to use the cycle plugin in the header but I'm experiencing a small problem.
I wrote HTML and CSS for de items that need to be cycled. Each div.feature inside div#featured should be cycled. A div.feature exist of an image and a div.info. They are both floated left, so they would appear next to eachother.
After writing the HTML and CSS I wrote the Jquery and when I test the page I see the first div.feature perfectly displayed, but after the first cycle all the floats seem to go wrong.

You can check it here: http://webstudions.be/projects/layout6/

Also chrome and safari seem the make another mistake as firefox, ie9 and opera.

Does anybody has an idea of how I should fix this or how I could get this to work??

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

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

发布评论

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

评论(1

神经大条 2024-11-24 18:46:19

在 CSS 中尝试将以下行添加到元素样式中:

clear: both;

这通常可以解决我的浮动问题。

In your CSS Try adding the following line to your elements style:

clear: both;

This generally fixes my float problems.

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