「white-space:nowrap」なしで div に float:left を強制する
次のようなものがあります:
リーリー「フローティング」div がコンテナーからオーバーフローしても、互いの左側にフローティングするようにしたいと考えています。
フローティング div で「float:left」を使用しようとしましたが、機能しませんでした。それらは互いに積み重ねられます。
そこで、フロート要素に「display:inline-block」を使用し、コンテナーに「white-space:nowrap」を使用する回避策を見つけました。それは機能しましたが、私の場合は役に立ちませんでした。
リーリー実際、「white-space:nowrap」により、テキストがフローティング div で画像をラップすることができなくなります。これは本来の目的でした。 「white-space:nowrap」は本来の動作を行うため、このトリックはコンテンツを div 内にラップすることに関心がない場合にのみ機能すると思われます。しかし、この場合はそうしました。
つまり、要約すると、属性を空白のままにすると、2 つの div は正常にフロートしますが、その中のコンテンツはめちゃくちゃになります。この属性を使用しない場合、div 内のコンテンツは保持されますが、div はフロートしません。
https://jsfiddle.net/8n0um9kz/
欲しいものを手に入れることができる解決策はありますか?
＃＃＃ありがとう。PS: この例では両方の浮動 div に 66% の幅を使用したので、説明のために両方を確認できます。私の知る限り、もちろんそれらはすべて100％です。
