为什么我这样设置浮动是不可行的？

<!DOCTYPE html>



<pre><code> .content{width:100%; height:auto; border:1px solid #ccc; padding:10px; } .part1{width: 100%; float: left; } .test1,.test2,.test3 {border:1px solid #ccc; width:200px; height:auto; float:left; margin: 10px; } .clear{clear: both;} &lt;/style&gt; </code></pre> <p></head><br> <body><br><br> <div class="content"><br> <div class="part1"><br> <div class="test1"><br> <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" width="200px" height="100px"><br> <p>欢迎来到慕课网学习新知识！</p><br> </div><br> <div class="test2"><br> <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br> <p>欢迎来到慕课网学习新知识！</p><br> </div><br> <div class="test3"><br> <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br> <p>欢迎来到慕课网学习新知识！</p><br> </div></p> <pre><code> &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt; </code></pre> <p></body><br> </html></p>

想要浮动，干嘛换
把换行br拿掉就可以啦

我先捋一捋代码写的是啥。。。。。。。图片说明

敢用代码块吗o(╯□╰)o