Javascript firefox正在将div推向右侧
这是我的第一个问题，我是一个夜猫子，但我渴望学习 我有一个用html/css编写和样式化的网站 该网站在chrome和safari上看起来很棒，但在firefox上，团队页面被推到了右侧 这里是html部分，下面是css。任何帮助都是令人惊讶和感激的Javascript firefox正在将div推向右侧,javascript,jquery,html,css,firefox,Javascript,Jquery,Html,Css,Firefox,这是我的第一个问题，我是一个夜猫子，但我渴望学习 我有一个用html/css编写和样式化的网站 该网站在chrome和safari上看起来很棒，但在firefox上，团队页面被推到了右侧 这里是html部分，下面是css。任何帮助都是令人惊讶和感激的 <!-- TEAM STARTS ========================================================================= --> <section id="
<!-- TEAM STARTS
========================================================================= -->
<section id="team">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading animated" style="text-align:center" data-animation="fadeInUp" data-animation-delay="0">
<h2>Leadership</h2>
<h1>meet the team</h1>
<p class="line"> </p>
</div>
<div class="owl-carousel" id="our-team">
<div class="team-contents animated" data-animation="flipInX" data-animation-delay="0">
<div class="picture"><a href="mailto:jay@badboybranding.com?subject=BAD BOY BRANDING INQUIRY" class="teamoverlayzoom"><img src="img/team/1.jpg" class="img-responsive" alt=""><span class="zoom"><span><i class="fa fa-envelope"></i></span></span></a></div>
<div class="heading">JAY LEOPARDI</div>
<div class="designation">FOUNDER & CEO</div><br>
<div class="team-social"><a href="#"><i class="fa fa-twitter"></i></a><a href="https://www.facebook.com/jay.leopardi.1?fref=ts"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-google-plus"></i></a></div>
<p class="smallline"> </p>
<div class="description">Jay Leopardi, lifestyle and pop culture branding expert, is the founder & CEO of Bad Boy Branding. Working with start-ups to top tier brands, he reinvents the traditional structure of brand development. Visit <a href="http://www.JayLeopardi.com/" target="_blank">JAYLEOPARDI.COM</a> to find out more detailed information.</div>
</div>
<div class="team-contents animated" data-animation="flipInX" data-animation-delay="0">
<div class="picture"><a href="mailto:shawn@badboybranding.com?subject=BAD BOY BRANDING INQUIRY" class="teamoverlayzoom"><img src="img/team/2.jpg" class="img-responsive" alt=""><span class="zoom"><span><i class="fa fa-envelope"></i></span></span></a></div>
<div class="heading">SHAWN C. LEOPARDI</div>
<div class="designation">COO</div><br>
<div class="team-social"><a href="#"><i class="fa fa-twitter"></i></a><a href="https://www.facebook.com/shawn.leopardi"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-google-plus"></i></a></div>
<p class="smallline"> </p>
<div class="description">Expert in marketing & business operations, Shawn brings over 20 years of expertise to Bad Boy Branding. His processes have been proven to build mega-corporations from $20-80 million in annual revenue.</div>
</div>
<div class="team-contents animated" data-animation="flipInX" data-animation-delay="0">
<div class="picture"><a href="mailto:anthony@badboybranding.com?subject=BAD BOY BRANDING INQUIRY" class="teamoverlayzoom"><img src="img/team/3.jpg" class="img-responsive" alt=""><span class="zoom"><span><i class="fa fa-envelope"></i></span></span></a></div>
<div class="heading">ANTHONY MARABELLA</div>
<div class="designation">VP SALES & MARKETING</div><br>
<div class="team-social"><a href="#"><i class="fa fa-twitter"></i></a><a href="https://www.facebook.com/anthony.marabella"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-google-plus"></i></a></div>
<p class="smallline"> </p>
<div class="description">Anthony leads a team of highly skilled business professionals while maintaining a great balance of customer care and dynamic sales techniques. He has implemented custom-tailored digital strategies that power the bullets at Bad Boy Branding.</div>
</div>
<div class="team-contents animated" data-animation="flipInX" data-animation-delay="0">
<div class="picture"><a href="mailto:danielle@badboybranding.com?subject=BAD BOY BRANDING INQUIRY" class="teamoverlayzoom"><img src="img/team/4.jpg" class="img-responsive" alt=""><span class="zoom"><span><i class="fa fa-envelope"></i></span></span></a></div>
<div class="heading">DANIELLE BYNUM</div>
<div class="designation">VP BUSINESS DEVELOPMENT</div><br>
<div class="team-social"><a href="#"><i class="fa fa-twitter"></i></a><a href="#"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-google-plus"></i></a></div>
<p class="smallline"> </p>
<div class="description">Known in the industry as “The Business Development Shark”, Bad Boy Branding depends on Danielle’s efficient and highly seasoned business senses. Having worked directly for “The Shark” Daymond John, she has learned how to develop relationships worldwide with major corporations. Additionally, Danielle empowers BBB with an evolutionary, hyper-speed licensing model.</div>
</div>
<div class="team-contents animated" data-animation="flipInX" data-animation-delay="0">
<div class="picture"><a href="mailto:barry@badboybranding.com?subject=BAD BOY BRANDING INQUIRY" class="teamoverlayzoom"><img src="img/team/8.jpg" class="img-responsive" alt=""><span class="zoom"><span><i class="fa fa-envelope"></i></span></span></a></div>
<div class="heading">BARRY SHRUM,ESQ.</div>
<div class="designation">CORPORATE LEGAL</div><br>
<div class="team-social"><a href="#"><i class="fa fa-twitter"></i></a><a href="#"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-google-plus"></i></a></div>
<p class="smallline"> </p>
<div class="description">Barry Neil Shrum, Esquire, aka “The Bad Boy of Legal”, has been practicing entertainment & corporate law for over 16 years. Having represented some of the biggest names in the industry, Barry safeguards BBB and the interests of its clients. As a result of doing business with Jay Leopardi for over a decade, they formed an acquisitions corporation to purchase brands that align well with BBB’s business model.</div>
</div>
<div class="team-contents animated" data-animation="flipInX" data-animation-delay="0">
<div class="picture"><a href="mailto:hutson@badboybranding.com?subject=BAD BOY BRANDING INQUIRY" class="teamoverlayzoom"><img src="img/team/5.jpg" class="img-responsive" alt=""><span class="zoom"><span><i class="fa fa-envelope"></i></span></span></a></div>
<div class="heading">HUTSON MILLER</div>
<div class="designation">VP ENTERTAINMENT</div><br>
<div class="team-social"><a href="#"><i class="fa fa-twitter"></i></a><a href="https://www.facebook.com/hutson.miller"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-google-plus"></i></a></div>
<p class="smallline"> </p>
<div class="description">Former Atlantic Records/WEA executive & broker of the LA Lakers Owner Dr. Jerry Buss, Hutson works directly with top musicians, producers, professional athletes and celebrity entertainers. His list includes Brandy, Lil Kim, Pharrell Williams, Wyclef Jean, Jason Kidd, Desean Jackson, Tom Cruise & the list goes on. Working with Jay Leopardi for the past decade, developing a solid personal & business relationship, he now leads the entertainment division of Bad Boy Branding.</div>
</div>
<div class="team-contents animated" data-animation="flipInX" data-animation-delay="0">
<div class="picture"><a href="mailto:pablo@badboybranding.com?subject=BAD BOY BRANDING INQUIRY" class="teamoverlayzoom"><img src="img/team/6.jpg" class="img-responsive" alt=""><span class="zoom"><span><i class="fa fa-envelope"></i></span></span></a></div>
<div class="heading">PABLO FONSECA</div>
<div class="designation">CREATIVE DIRECTOR</div><br>
<div class="team-social"><a href="#"><i class="fa fa-twitter"></i></a><a href="https://www.facebook.com/pfon72"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-google-plus"></i></a></div>
<p class="smallline"> </p>
<div class="description">Expert TV broadcasting & creative director, Pablo has worked for major corporations such as Univision, Telemundo, and the Zimmerman agency. Leading BBB’s creative team & managing a host of dynamic designers, he creates award-winning content that brings significant value. High profile clients, such as Ashley furniture, Nissan national, and Atlantis, have all received Pablo’s creative stamp.</div>
</div>
<div class="team-contents animated" data-animation="flipInX" data-animation-delay="0">
<div class="picture"><a href="mailto:michael@badboybranding.com?subject=BAD BOY BRANDING INQUIRY" class="teamoverlayzoom"><img src="img/team/7.jpg" class="img-responsive" alt=""><span class="zoom"><span><i class="fa fa-envelope"></i></span></span></a></div>
<div class="heading">MICHAEL SIEGLE</div>
<div class="designation">IA DIRECTOR</div><br>
<div class="team-social"><a href="https://twitter.com/JewHefner"><i class="fa fa-twitter"></i></a><a href="https://www.facebook.com/MichaelSiegle"><i class="fa fa-facebook"></i></a><a href="https://plus.google.com/u/0/101927035231881379587/posts"><i class="fa fa-google-plus"></i></a></div>
<p class="smallline"> </p>
<div class="description">Well traveled & world-renowned information architect, Michael is a strategic and high level thinker autonomously managing BBB’s technical development teams.</div>
</div>
</div>
</div>
</section>
<!-- /.TEAM -->
我目前没有太多的时间，但我会让你工作的css浏览器具体的css黑客。我将此贴在这里，以防您发现它有用： 因此，这不是最好的解决方案，但它应该会起作用
/* IE7, FF */
html>body #team.container {
position: relative;
right: 700px;
}
这只是针对那些特定的浏览器。这不是一个好的解决方案，因为特定于浏览器的css是不好的做法。我明天可能会看这个。祝你好运。好的，我知道了。团队中的部分出现错误。缺少一些必要的div。现在都修好了。谢谢大家的帮助
<section id="team">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading animated" style="text-align:center" data-animation="fadeInUp" data-animation-delay="0">
<h2>OUR TEAM</h2>
<h1>meet the team</h1>
<p class="line"> </p>
</div>
</div>
<div class="owl-carousel" id="our-team">
<div class="team-contents animated" data-animation="flipInX" data-animation-delay="200">
您能否添加一个JSFIDLE和/或可能指定一段破坏主题的代码。是的，如@unableToCompile所述，请向我们提供一个JSFIDLE，以便我们可以查看您的代码，并在其上测试一些解决方案。我已将您的代码放在JSFIDLE中，尽管我看不出Firefox、Chrome、，Safari和Opera…在JSFIDLE上再次尝试。调整浏览器大小，您可能正在处理大小问题。不确定这是否正确，因为这是我第一次尝试JSFIDLE。如果有什么遗漏，请lmk。好的，谢谢你，我会试试看这是否有效。我明天会去看看你是否能指导我学习正确的修复方法。再次感谢您无法完成不幸的是，我甚至无法让您发布的黑客工作。
<section id="team">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading animated" style="text-align:center" data-animation="fadeInUp" data-animation-delay="0">
<h2>OUR TEAM</h2>
<h1>meet the team</h1>
<p class="line"> </p>
</div>
</div>
<div class="owl-carousel" id="our-team">
<div class="team-contents animated" data-animation="flipInX" data-animation-delay="200">