"overflow-x：auto"はうまく動作しません

私はoverflow-x: autoで試していますが、動作していません。スクロールバーが表示されない場合、水平スクロールバーが表示されます。"overflow-x：auto"はうまく動作しません

垂直スクロールバー（overflow-y）は必要に応じて完全に動作していますが、水平スクロールバー（overflow-x）は正しく機能していません。ここにはJSFiddleリンクがあります。

2016-08-30 Tony Montana

こんにちは、あなたのオーバーフロー-X：自動罰金に見える：ボディ幅= 1000px – ALWAN

こんにちは@ALWANは、そう私は今ことを知っていたので、スクロールを作成します。これを達成する方法はまだありますか？ –

は、あなたが期待通りに動作し得るためにあなたのクラスで必要ないくつかのマイナーな変更です。

.container_row 
{ 
    width: 100%; 
    white-space: nowrap; 
    display: inline-block; 
    margin: 0 auto; 
} 
#name_label 
{ 
    list-style: disc inside; 
    margin-left: 10px; 
    float: left; 
    color: white; 
    display: list-item; 
    width: 50%; 
} 
#name_text 
{ 
    color: white; 
    padding-left: 5px; 
    width: 50%; 
    display: inline; 
}

更新

チェックこのExample fiddle

出典

2016-08-30 09:49:59

ええ、それは不要な水平スクロールバーを削除しましたが、コンテンツを新しい行に移動しました。 –

更新されたデモを確認してください！ @Changez Khan –

こんにちは@Hitesh、それはうまくいったが少し問題がある。ご覧のとおり、オリジナルのjsfiddleには、 'name_label'と' name_text'の内容の間に固定のスペースがあります。しかし、あなたのjsfiddleでは、そこにはありません。私はそれを失いたくはありません。私は固定スペースが必要です。どうすればそれを達成できますか？ –

あなたは#container1を100％より大きくしています。次のように変更します。ここでは

#container1 { 
    width: 100%; 
    padding: 10px 0; 
}

出典

2016-08-30 09:47:00 AlexG

いいえ、それはwokしませんでした。 –

"overflow-x：auto"はうまく動作しません

答えて

関連する問題