У меня есть коды 1 и 2 ниже:
(проверьте коды ниже в Google Chrome 8+)
коды 1:
<!DOCTYPE html> <meta charset="utf-8"> <title>An HTML5 document</title> <div style="background:red; height:300px; width:1500px;"> WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW <img src="http://www.swliuxue.com/newindex/uploadfile/201011/18/162266581.jpg" style="float:left;" width="900" height="230"> </div> <div style="background:green; color:yellow; font-weight:bolder; height:300px; width:1000px;"> asc aca ascacaaaaaa<img style="vertical-align:top; float:left;" src="http://i3.ytimg.com/vi/F5qniuZG8Rg/default.jpg">Q </div>
коды 2:
<!DOCTYPE html> <meta charset="utf-8"> <title>An HTML5 document</title> <div style="background:red; height:300px; width:1500px;"> WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW <img src="http://www.swliuxue.com/newindex/uploadfile/201011/18/162266581.jpg" style="float:left;" width="900" height="230"> </div> <div style="background:green; color:yellow; font-weight:bolder; height:300px; width:1000px;"> asc aca ascacaaaaaab<img style="vertical-align:top; float:left;" src="http://i3.ytimg.com/vi/F5qniuZG8Rg/default.jpg">Q </div>
Я хочу знать, почему 2 кода выше отображают разные значения.
Чем они отличаются? Единственное отличие, которое я вижу, состоит в том, что «Q» оборачивается после картинки. Это потому, что картинка плавает влево.