Two issues raised in Web page comments

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

When making Web pages and programming, appropriate annotation, not only make their own thinking clearly, greatly reduce the difficulty of maintenance, and facilitate the project team other people understand your code, easy to understand and modify the code, but recently in the use of Div layout, often encounter some unexpected trouble, And these troubles in the process of resolution are actually caused by comments.

Trouble one: Comments caused by text overflow

Figure 1

This is a more common problem, for example, in Figure 1 above, the extra "map" two words is due to the annotation, after the removal of the annotation is back to normal.

Trouble two: The floating dislocation caused by the annotation

As shown in Figure 2, the layout is intended to be made such that, in order to see clearly, I added the background color to the two layers, but as the reason for adding the annotation, the float was not shown as normal, but it fell off, as Figure 3, the reason for the float at first, after careful examination, excluding the floating and other reasons, Remove the comment and return to normal.

Figure 2

Figure 3

That's the easiest way to do this when I'm working on a template is to delete annotations because of the two issues that are caused by annotations, but since annotations are often necessary in many cases, there is a way to do this between two floating layers, and the specific method needs to be tried out.