问题有关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