以下の内容はhttps://anton0825.hatenablog.com/entry/2016/01/05/000000より取得しました。


スクロール領域内にfloatでdivを横に並べるとスクロールせず折り返してしまう問題

□がDIVで|が親DIVのEdgeとすると、以下のようにしたい。

|□□□□|

親DIVの幅は固定で、中のDIVの数が増えたら横スクロール出来ようにしたい。 が、中のDIVをfloatを使って横並びにしていたので中のDIVを増やすと以下のように折り返してしまう。

|□□□□|
|□   |

こういう場合、中のDIV全体を囲むDIVをwidth固定で定義すればよい。 中のDIVの数が動的に変わる場合、その数に応じて囲むDIVのwidthを変更しないといけないのでng-styleを使って動的に計算する必要がある。




以上の内容はhttps://anton0825.hatenablog.com/entry/2016/01/05/000000より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14