css - 横スクロールが表示される原因は何ですか?

Question

通常版、ワイド版、タブレット版では、ウィンドウがコンテナーから約 1 インチ離れるとすぐにスクロールバーが表示されsite_wrap、水平スクロールが表示されます。div#titleそこから 25px の幅を削除すると、スクロールが消えることがわかります。

私が理解できないのは、コンテナー ( site_wrap) が 1280px、div.title_wrapperauto、div#title1234px、左余白が 46px であることです。

http://brainbuzzmedia.com/themes/expression/blog/

Answer 1

Just define your #site_wrap

margin:0 auto and overflow: hidden as like this

div#site_wrap {
margin: 0 auto;
overflow: hidden;
}

Css path is this

http://brainbuzzmedia.com/themes/expression/wp-content/themes/expression/css/bgs/gradient.css

Answer 2

これはBlogメニューが原因で、非表示 (不透明度は 0) ですが、表示はされていませんnone。つまり、まだその位置の流れを取っています。

ulこれは、要素に display:none を設定することで確認できます。

<li id="menu-item-813" class="menu-item menu-item-type-post_type menu-item-object-page     current-menu-item page_item page-item-178 current_page_item menu-item-813"><a href="http://brainbuzzmedia.com/themes/expression/blog/">Blog</a>
<!-- this--><ul class="sub-menu"> 

ドキュメントをオーバーフローしないように、その位置を適切に設定する必要があります。

Answer 3

@mediaこの問題の原因となるさまざまなクエリで行われたいくつかの誤算があるようです。これを追加することで、水平スクロールバー全体を簡単に取り除くことができます（とにかく必要ないため）：

body { 
    overflow-x:hidden;
}

Answer 4

問題はあなたの範囲内にあり.title_wrapperます.navline。追加する必要があります

.navline {
   overflow: hidden;
}