2016-11-21 5 views
0

フロートとメディアのクエリを追加しましたが、コードが992以上で動作していないようです。同じ行に3 divの表示をしたいのですが、画面の最小幅は992pxです

https://jsfiddle.net/ju1gpmeL/

@media(min-width: 992px){ 
#d1{ 
    float: left; 
    width:32%; 
} 

#d2{ 
    float: left; 
    width: 32%; 
} 
#d3{ 
    float: left; 
    width: 32%; 

} 

}

+0

は多分 '幅のようなあなたの@mediaの内側のdivの幅を変更してみてください:31%;'? – claudios

+0

33%、33%、34%が動作します。 – Harminder

+0

@claudiosそれは働いています。しかし、3番目のdivの後ろに余分なスペースが残っています。 – CodeForHappiness

答えて

0
@media(min-width: 992px){ 
#d1{ 
    float: left; 
    width:33%; 
} 

#d2{ 
    float: left; 
    width: 33%; 
} 
#d3{ 
    float: left; 
    width: 33%; 

} 

} 
+0

div要素は、上記のコードは、すべての3つのDIVは長いように1行で表示され、完全に私はFirefoxとIEで試験し、次の行 – claudios

+0

に等しくありません幅が小さくなると、3つのダイブがすべて3つの異なる行に表示されます。 – CodeForHappiness

+0

に3 DIVを推進しているこのいずれか – Harminder

関連する問題