div幅が無視されています

いくつかのdiv内に一連のボタンをプログラムで追加しようとしています。ここでdiv幅が無視されています

はcodeです：

width: 110pxが無視されているのはなぜ？

問題のライブ結果をHTML形式で投稿してください。 – Li357

申し訳ありませんが、画像を忘れました。 –

divの幅を上書きする別のスタイルがある可能性があります。これは、（IDセレクターのような）より具体的なセレクターでも、階層内の上位セレクターでも、インラインスタイルでもかまいません。あなたはあなたが持っている他のHTMLやCSSを投稿できますか？ – Steve

ボタンの幅は110pxですが、8.3333％の幅しかないdivに配置されます。これは.s1クラスに由来します。クラスを削除すると、110px幅の各ボタンが必要に応じて表示されます。

.row .col.s1 { 
    /* width: 8.3333333333%; */ 
    margin-left: auto; 
    left: auto; 
    right: auto; 
}

2016-09-01 02:26:21 depiction

それは、ありがとう！ –

ちょっと、コンテナ中央に揃っていないので、修正方法は分かりますか？http：//jsbin.com/gogofidola/1/edit？html、css、js、出力 –

表示を追加：div.rowへのインラインブロック。次に、背景色が必要な場合はコンテナに追加します。 – depiction

スタイルシートは、materialize.min.cssが8.3333の幅を持つクラス.col.s1 ...％を持っている含まれていました。あなたのCSS

div.col.x { 
    width: 110px !important; 
}

私は通常使用して好きではない！必要な場合を除き、重要なしかし見て、あなたのコードのより多くのない、これはそれを行うことでこれをオーバーライドする必要があります。

2016-09-01 02:26:59

答えて