对齐文本——在chrome上不工作

I'm having some wierd css issue making a website for a client which only occur if using google chrome. on firefox, explorer and edge, it does work fine.

我有一些很严重的css问题，为客户创建一个网站，这只有在使用谷歌chrome时才会发生。在firefox、explorer和edge上，它确实运行得很好。

Basicly, some code I used several times in the same page, works everytime except for one. I really cannot see where I did wrong:

基本上，我在同一页面中多次使用的一些代码每次都可以工作，只有一个除外。我真的看不出我哪里做错了:

<h2 class="big caps" style="text-align:left">WHAT WILL YOU LEARN?</h2>

page is here: if you scroll down to the middle of the page you'll see what i'm talking about. look at it with google chrome first, and then with any other browser. (or source code @ line 370)

页面在这里:如果你向下滚动到页面的中间，你会看到我在说什么。先看看谷歌chrome，然后再看看其他浏览器。(或源代码@第370行)

What am I doing wrong?

我做错了什么?

3 个解决方案

#1

Update your .one_full class like below

更新.one_full类，如下所示

.one_full {
  float: left;
  width: 100%;
}

#2

Just add to .one_full class clear:both and it will work.

只需添加到.one_full类:两者都可以。

#3

you can add float:left or clear:both to .one_full

您可以添加float:left或clear:both to .one_full

.one_full {
    width: 100%;
    clear: both;
    /*or float: left;*/
}

#1