floatとwrapコンテンツの幅

なぜ私はメインのコンテンツに幅を追加すると、それ以上の私の浮動小数点型のdivをラップすることはありません？floatとwrapコンテンツの幅

<div style="float:left;width:30%;"> 
    content1 content1 content1 content1 content1 content1 content1 content1 
</div> 

<div id="mainContent" style="width:30%;"> 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
</div>

https://jsfiddle.net/ty9wuLeh/4/

出典

2016-10-04 epanu

'content 2'が「content1」の周りにある必要がある場合は、最初のdivを2番目のdivに配置する必要があります。 https://jsfiddle.net/ty9wuLeh/5/ – LinkinTED

申し訳ありませんが、私は十分正確ではなかったと思います。私は 'content2'を "content1"の周りに持つ方法を知っています： 'mainContent' divの幅を削除するだけです。しかし、私はそれがこのように機能する理由を知りたがっていましたか？ディスプレイを計算するアルゴリズムは何ですか？ – epanu

それでは質問は何ですか.....................？ – LinkinTED

あなたの内に含まれるべきdivを浮かべ、あなたのmainContentdiv：

<div id="mainContent"> 
 
    <div style="float:left;width:30%;"> 
 
     content1 content1 content1 content1 content1 content1 content1 content1 
 
    </div> 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
    </div>

https://jsfiddle.net/ty9wuLeh/6/

出典

2016-10-04 12:04:41 Curt

floatとwrapコンテンツの幅

答えて

関連する問題