不需要的水平滾動條出現浮動對象 - 只在IE11

Question

我編碼www.malthestigaard.com這個網站只給我一個不需要的IE11滾動條（據我所知）。如何擺脫它？

也許浮動元素不知何故造成的呢？

我在CSS中也有一些媒體查詢，但它們在這裏似乎並不相關，請讓我知道是否需要發佈它們。您當然可以在網站上看到完整的代碼。

HTML

<div class="wrapper"> 
    <nav> 
     <div class="content-wrapper"> 
      <div class=textclear> 
       <div class="alignleft"> 
        <h1 class="firsth1"> <a href="http://www.malthestigaard.com"> MALTHE STIGAARD </a></h1></div> 
       <div class="alignright"> 
        <ul> 
         <h1><li> <a href="#work" type="button"> WORK </a></li><li> <a href="#about" type="button"> ABOUT </a></li><li> <a href="#contact" type="button"> CONTACT </a></li></h1></ul> 
       </div> 
      </div> 
     </div> 
    </nav> 

CSS

.wrapper { 
    width: 95%; 
    margin-left: auto; 
    margin-right: auto 
} 

.content-wrapper { 
    margin-left: auto; 
    margin-right: auto; 
    width: 80% 
} 

.content-wrapper, 
.copytext, 
.wrapper { 
    margin-left: auto; 
    margin-right: auto 
} 

nav h1 { 
    color: #00697f; 
    font-size: 1.5em; 
    font-weight: 700; 
    -webkit-margin-before: .83em; 
    -webkit-margin-after: .83em 
} 

#banner, 
.textclear { 
    overflow: auto 
} 

.alignleft, 
.circular { 
    float: left 
} 

.alignright { 
    float: right 
} 

ul { 
    padding: 0; 
    margin: 0 
} 

li { 
    list-style-type: none; 
    margin: 0; 
    padding: 5px; 
    display: inline 
} 

h1 { 
    font-size: 200%!important; 
    width: 100% 
} 

.firsth1, 
nav h1 { 
    display: none 
} 

Answer 1

overflow: auto有點解決花車容器的黑客攻擊。你可以像這樣擺脫滾動條。變化：

#banner, 
.textclear { 
    overflow: auto 
} 

到：

#banner { 
    clear: both; 
}