html本应在container中的内容却跑到了外面的解决办法

    如图所示布局，显示黑色背景的为一个容器container，蓝色和绿色区域的包含在container容器中，编写完该布局之后，在添加左上角图片时，发觉包含在container的蓝色和绿色部分跑出了容器，找了好久也没发现问题，最后仔细查看引入图片的HTML代码为 <img src="images/logo.jpg" alt="" id="logo"></div>，当时先完成的div标签，后来发觉应该改为img标签，于是只改了开始标签，忘了改结束标签，因此出现这样的错误。由于本例中img没有结束标签，因此将container容器包含在了img标签内，所以本应包含在container容器中的蓝色和绿色区块就跑到container外面去了。由此当发觉标签写错了时，一定要删掉重新写，如果直接在上面改，极有可能出错。此外，如果发现本应显示在某个容器中的内容跑到该容器外面去了，首先想到的就是去找是否有标签没有结束标签或者结束标签错误。