Webページとプログラミングを作成するとき、適切な注釈はあなたの思考を明確にし、メンテナンスの難しさを大幅に軽減するだけでなく、プロジェクトチームの他の人があなたのコードを理解し、コードを理解して修正することを促進します。しかし、最近、Div+CSSレイアウトを使用するとき、あなたはしばしばいくつかの予期しない問題を遭遇します。
トラブル1：コメントによって引き起こされるテキストオーバーフロー
図1
これは一般的な問題です。たとえば、上記の図1では、マップの2つの余分な文字がコメントによって引き起こされ、コメントを削除した後に通常に戻ります。
トラブル2：コメントによって引き起こされるフローティングミスアライメント
図2に示すように、レイアウトはもともとこのようになると計画されていました。明確に見るために、これらの2つのレイヤーに背景色を追加しましたが、コメントの追加により、フローティングは通常どおり表示することはできませんが、落ちました。図3に示すように、私はそれが浮遊の理由であると思ったので、慎重に検査した後、フローティングやその他の理由を排除し、コメントを削除して通常に戻しました。
図2
図3
これらは、私がテンプレートに取り組んでいたときにコメントによって引き起こされる2つの問題です。最も簡単な解決策は、コメントを削除することです。ただし、多くの場合、コメントが必要なため、2つの浮動層の間にコメントを配置しないことを解決する別の方法があります。特定の方法を継続的に試す必要があります。