HTML|XHTML-html注释所引起的一些布局问题

在制作网页以及编程的时候，适当的进行注释，不仅使自己的思路清晰，极大地减轻了维护的难度，而且方便项目组其他人了解你的代码，方便对代码的理解 以及修改等，但最近在用div+css布局时，经常会遇到一些意想不到的麻烦，而这些麻烦在解决的过程中居然都是注释所引起的。

麻烦一：注释所引起的文字溢出

字串1

  字串6

  字串7

图1

字串6

这个是比较常见的问题，例如上图1中，多出的“地图”两个字就是由于注释所引起的，去除注释之后就恢复正常。 字串9

麻烦二：注释所引起的浮动错位 字串2

如下图2，本来布局是打算做成这样子的，为了看的清楚，我把那两个层添加了背景颜色，但由于添加注释的原因，浮动并不能按照正常来显示，而是掉了下来，如图3，一开始以为是浮动的原因，在仔细检查之后排除浮动以及其它的原因之后，删除注释，恢复正常。

  字串8

 

图2

字串3

  字串1

 

图3 字串8

这是目前我在做模板时，所发现由于注释所引起的两个问题，最简单的解决方法是删除注释，但由于注释在很多时候是很有必要的，所以还有一种办法可以解决，就是不要把注释所放在两个浮动的层之间，具体的方法需要去不断尝试。