問題有關CSS的float：左

Question

<div style="width: 800px;border:1px solid black"> 
      <div style="width:100px;height:100px;float:left;border:1px solid black"></div> 
      <div style="float:left">ssdfsdfsdfsdgfag25w6a4g8w5614w5sge16dgf45d4sdffffffffffffffffffffffffffffffffffffffffffffffffffffff5s4f64s6f456a46f456a456456456f456we4f54we5gf45456v4sd5646sadf54s56f465as4f564as56f</div> 
      <div style="clear:both"></div> 
    </div> 

它最終會是這樣的： 如何

Answer 1

把寬度上第二個孩子的div。您還需要在該字符串中放置一個空格，因爲它不能跨行進行換行。

<div style="width: 800px;border:1px solid black"> 
      <div style="width:100px;height:100px;float:left;border:1px solid black"></div> 
      <div style="float:left; width: 100px">ssdfsdfsdfsdgfag25w6a4g8w5614w5sge16dgf45d4sdffffffffffffffffffffffffffffffffffffffffffffffffffffff5s4f64s6f456a46f456a456456456f456we4f54we5gf45456v4sd5646sadf54s56f465as4f564as56f</div> 
      <div style="clear:both"></div> 
    </div> 

Answer 2

設置高度解決它100到主DIV